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", 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
}
以上这篇LayUI动态设置checkbox不显示的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
京公网安备 11010802040832号 | 京ICP备19059560号-6 