本文摘自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 怎么导入excel
bootstrap如何设置表格单选按钮
layui是免费开源的吗
layui如何对表单标签进行校验
如何解决layui时间控件闪退问题
layui表格如何自动刷新
layui模块介绍
layui和easyui的区别是什么?
layui如何得到select值
layui支持ie8吗
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么设置checkbox勾选