本文摘自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框架的table字段筛选功能介绍
layui 免费开源吗?
layui属于什么
layui时间选择框介绍
layui数据表格隐藏列的方法介绍
layui怎么引用
让layui支持es5写法的方法介绍
layui是什么软件
layui导出表格全部数据
layui判断表单是否为空
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么设置checkbox勾选