1. 程式人生 > >layui中的table checkbox 預設選中設定

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