layui怎么设置checkbox勾选


本文摘自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之前加上下面这句就可以了

   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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...