layui中的table checkbox 默认选中设置

最新推荐文章于 2025-05-27 16:15:41 发布

原创最新推荐文章于 2025-05-27 16:15:41 发布 · 3.3w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#layui

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍两种在layui框架中设置表格复选框默认选中状态的方法。第一种是在json数据中直接设置LAY_CHECKED属性；第二种是当数据使用checked属性时，通过修改js配置将checked映射为LAY_CHECKED。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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({
	    ...
	});
});