layui中的table checkbox 默认选中设置

layui版本

layui-v2.4.3

方法1

在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。

data":[
    {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true},
    {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true},
    {"name":"县","areaType":"地市","id":"110200","LAY_CHECKED":false}
]

方法2

如果返回的数据中没有LAY_CHECKED怎么办?比如说返回的是这样的数据:

data":[
    {"name":"北京市","areaType":"省/直辖市","id":"110000","checked":true},
    {"name":"市辖区","areaType":"地市","id":"110100","checked":true},
    {"name":"县","areaType":"地市","id":"110200","checked":false}
]

注意:这里用的是checked来标识是否选中,而非LAY_CHECKED。

这时候可以修改下页面的js。

layui.use('table', function(){
    var $ = layui.$;
    var table = layui.table;
    
    //在使用table之前加上下面这句就可以了
    table =  $.extend(table, {config: {checkName: 'checked'}});
    table.render({
        ...
    });
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,447评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,472评论 2 59
  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 10,339评论 0 1
  • 现在生活中有越来越多的女强人,在职场上她们不输于男人。 无论多坚强,当成为准妈妈时,她们都会表显出母亲那份温柔.....
    YW花儿阅读 2,833评论 0 0
  • list.extend() list.append() list.insert(1, 'abc') 修改操作 删除...
    梦归游子意阅读 1,196评论 0 0