1.页⾯引⼊layui.js和layui.css

新版⼿机银⾏权限动态配置

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\ 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(\" 您确定要提交吗？\温馨提⽰'}, 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

}

以上这篇LayUI动态设置checkbox不显⽰的解决⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。