LayUI动态设置checkbox不显示的问题

1.页面引入layui.js和layui.css

    
    
    
    
    




新版手机银行权限动态配置




    

        交易类型
        

            
                行内转账交易
                行内预约转账
                行内同名转账
                跨行转账交易
                跨行预约转账
                微信转账交易
            
        
    

    

        要配置的注册类型
        

            
                T
                S
                R
            
        
    
    开始配置


    

        
        

        

        
默认规则
        

        

            支持的账户注册类型
            

                
                
                
            
        

        

            支持的最小版本号
            

                
            
        

        

        
静态规则
        

        

            人脸识别
            

                
                    不需要
                    需要
                
            
        

        

            短信验证码
            

                
                    不需要
                    需要
                    免短信
                
            
        

        

            交易密码
            

                
                    不需要
                    需要
                    免密
                
            
        

        

            支持的账户种类
            

                
                
                
            
        


        

            II类户配卡情况
            

                
                    必须不配卡
                    必须配卡
                    配卡与否都允许
                
            
        


        

            人脸识别相似度
            

                
            
        


        

            指纹识别
            

                
                    不需要
                    需要
                
            
        


        

        

        
动态规则
        


        

            超出日限额人脸识别
            

                
                    不需要
                    需要
                
            
        

        

            超出日限额指纹识别
            

                
                    不需要
                    需要
                
            
        


        

            启用图形验证码次数
            

                
            
        


        

            可替换方式
            

                
                    请选择替换方式
                    人脸识别和短信验证码可替换
                    人脸识别和交易密码可替换
                    人脸识别和指纹识别可替换
                    短信验证码和交易密码可替换
                    短信验证码和指纹识别可替换
                    交易密码和指纹识别可替换
                
            
        

        

        

        

    

    

        

            

                立即提交
            
        
    
    

2.页面js中要进行layui模块的初始化

/**
 * layui的模块初始化
 */
layui.use(['form', 'layer'], function () {
    var form = layui.form;

    form.on('select(type)', function (data) {
        $("#TransactionType2").val($("#TransactionType").val());
        $("#RegisterType2").val($("#RegisterType").val());

        info();
    })

    form.render(); //渲染页面


})

/**
 * 页面加载完成后执行
 */
$(function () {
    //初始化
    $("#TransactionType2").val($("#TransactionType").val());
    $("#RegisterType2").val($("#RegisterType").val());
    //查询
    info();
})


//查询
function info() {
    var transactionType = $("#TransactionType").val();
    var registerType = $("#RegisterType").val();
    var data = {
        TransactionType: transactionType,
        RegisterType: registerType
    };
    /**
     * 将所有的checkbox设置不选中
     */
    $(":checkbox").prop("checked", false);
    var index = layer.load(2);
    $.ajax({
        type: 'post',
        url: 'info',
        data: data,
        success: function (res) {
            layer.close(index);
            if (res.code == 200) {
                /**
                 * 最小版本号
                 */
                $("#MinVersion").val(res.MinVersion);

                /**
                 *支持的账户类型
                 * @type {string}
                 */
                var registerFlag = res.RegisterFlag + "";
                var registerFlags = registerFlag.split(",");
                for (var i = 0; i < registerFlags.length; i++) {
                    //选中checkbox
                    $('[name="RegisterFlag"][value="' + registerFlags[i] + '"]').prop('checked', true);
                }

                /**
                 * 支持的账户种类
                 * @type {string}
                 */
                var supportAcClass = res.SupportAcClass + "";
                var supportAcClasses = supportAcClass.split(",");
                for (var i = 0; i < supportAcClasses.length; i++) {
                    //选中checkbox
                    $('[name="SupportAcClass"][value="' + supportAcClasses[i] + '"]').prop('checked', true);
                }


                // $("#NeedFaceCheck").find("option[value='"+res.NeedFaceCheck+"']").prop('selected',true);
                $("#NeedOtpCheck").val(res.NeedOtpCheck);
                $("#NeedFaceCheck").val(res.NeedFaceCheck);
                $("#NeedTrsPwdCheck").val(res.NeedTrsPwdCheck);
                $("#SecondAcIssuedFlag").val(res.SecondAcIssuedFlag);
                $("#FaceSimilarity").val(res.FaceSimilarity);
                $("#NeedFingerprintCheck").val(res.NeedFingerprintCheck);
                $("#OverLimitNeedFaceCheck").val(res.OverLimitNeedFaceCheck);
                $("#OverLimitNeedFingerprintCheck").val(res.OverLimitNeedFingerprintCheck);
                $("#NeedImageCheck").val(res.NeedImageCheck);
                $("#AllowSubstitution").val(res.AllowSubstitution);

                layui.use('form', function () {
                    var form = layui.form;
                    form.render('checkbox');
                    form.render('select');
                });
            }
        }
    })


}

/**
 * 更新
 */
function update() {

    layer.confirm(" 您确定要提交吗？", {icon: 3, title: '温馨提示'}, function () {
        var form = $("#updateForm");
        var data = form.serialize();

        var minVersion = $("#MinVersion").val();
        var faceSimilarity = $("#FaceSimilarity").val();
        var needImageCheck = $("#NeedImageCheck").val();
        if (minVersion == '') {
            layer.alert("请输入支持的最低版本号");
            return;
        }
        if (faceSimilarity == '') {
            layer.alert("请输入人脸识别相似度");
            return;
        }
        if (needImageCheck == '') {
            layer.alert("请输入启用图形验证码的次数");
            return;
        }
        var index = layer.load(2);
        $.ajax({
            type: 'post',
            url: 'update',
            data: data,
            success: function (res) {
                layer.close(index);
                if (res.code == 200) {
                    layer.alert("操作成功");
                } else {
                    layer.alert("操作失败");
                }
            }
        })
    })

}

注意：

               for (var i = 0; i < registerFlags.length; i++) {
                    //选中checkbox
                    $('[name="RegisterFlag"][value="' + registerFlags[i] + '"]').prop('checked', true); 必须要用prop 不能用attr
                }