layui中的table checkbox 默认选中设置

开发工具

  方法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 = $.ext(table, {config: {checkName: 'checked'}}); table.rer({ ... });});方法3

  方法4

标签: 开发工具