本文摘自PHP中文网,作者爱喝马黛茶的安东尼,侵删。

方法1
在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。
1 2 3 4 5 | data":[
{ "name" : "北京市" , "areaType" : "省/直辖市" , "id" : "110000" , "LAY_CHECKED" :true},
{ "name" : "市辖区" , "areaType" : "地市" , "id" : "110100" , "LAY_CHECKED" :true},
{ "name" : "县" , "areaType" : "地市" , "id" : "110200" , "LAY_CHECKED" :false}
]
|
相关推荐:《layui框架教程》
方法2
如果返回的数据中没有LAY_CHECKED怎么办?比如说返回的是这样的数据:
1 2 3 4 5 | data":[
{ "name" : "北京市" , "areaType" : "省/直辖市" , "id" : "110000" , "checked" :true},
{ "name" : "市辖区" , "areaType" : "地市" , "id" : "110100" , "checked" :true},
{ "name" : "县" , "areaType" : "地市" , "id" : "110200" , "checked" :false}
]
|
注意:这里用的是checked来标识是否选中,而非LAY_CHECKED。
这时候可以修改下页面的js。
1 2 3 4 5 6 7 8 9 | layui. use ( 'table' , function (){
var $ = layui.$;
var table = layui.table;
table = $.extend(table, {config: {checkName: 'checked' }});
table.render({
...
});
});
|
以上就是layui怎么设置checkbox勾选的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
layui是js框架吗
layui laypage组件常见用法总结
layui中的table方法渲染
使用layui表格实现后台分页的方法
layui.layer独立组件详解
layui框架分页设置详解
layui怎么加图标
如何利用用css3美化单选框 radio 、多选框 checkbox 和 switch开关按钮
如何解决layui时间控件闪退问题
layui怎么使用
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么设置checkbox勾选