layui表格数据复选框回显设置方法

layui表格数据复选框回显设置方法表格数据复选框回显设置方法

今天小编就为大家分享一篇layui表格数据复选框回显设置方法，具有很好的参考价值，希望对大家有所帮助。

一起跟随小编过来看看吧

layui2.3版本，本身并不带有复选框回显功能，那么需要从源头解决此事，F12代码调试，找到与复选框关联的地方发现：

我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显。

layui这里有一个坑，设置class属性后会造成二次点击效果，千万不要手动修改class属性，那么应该怎么办呢？

每次**点击**其中一个复选框时都会增加一个class属性，第二次点击又会给删除：

table.render({

data.forEach(function(value, key) {

//这里必须选择点击方法，不知为何添加layui-form-checked class属性会造成二次点击（即下次点击必须点击两下才能生效）bug，

//所有类似的手动修改class貌似都会造成二次效果

if(value.read_total > 10){

$("div[lay-id='topicList'] td .layui-form-checkbox").eq(key).click();

}

})

},

cols: [[

{ type:'checkbox'},

page: true

});

以上这篇layui表格数据复选框回显设置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支

持我们。