layui默认选中table的CheckBox复选框

Posted liuzheyan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui默认选中table的CheckBox复选框相关的知识,希望对你有一定的参考价值。

如何根据条件判断是否默认选中table表格前面的复选框

table.render({
elem: ‘#userTable‘
, url: ‘../sysRole/getUserList‘
, title: ‘用户列表‘
, page: true //开启分页
, cols: [[
{type:‘checkbox‘}
, {field: ‘userName‘,sort: true, title: ‘用户名称‘}
, {field: ‘account‘,sort: true, title: ‘登录账户‘}
, {field: ‘deleteFlg‘,sort: true, title: ‘是否启用‘}
]]
,done: function(res, page, count){
//可以自行添加判断的条件是否选中
//这句才是真正选中,通过设置关键字LAY_CHECKED为true选中,这里只对第一行选中
res.data[0]["LAY_CHECKED"]=‘true‘;
//下面三句是通过更改css来实现选中的效果
var index= res.data[0][‘LAY_TABLE_INDEX‘];
$(‘tr[data-index=‘ + index + ‘] input[type="checkbox"]‘).prop(‘checked‘, true);
$(‘tr[data-index=‘ + index + ‘] input[type="checkbox"]‘).next().addClass(‘layui-form-checked‘);
}
});

 

 

转载https://blog.csdn.net/readyyy/article/details/82971723

以上是关于layui默认选中table的CheckBox复选框的主要内容,如果未能解决你的问题,请参考以下文章

HTML中控制checkbox默认选中后,点击后其状态也不可被更改(取消)?

element-ui tbale checkbox复选功能

layui 动态设置 checbox 选中状态

实现table中checkbox复选框以及判断checked是否被选中js操作checkedbox选中

layui提交表单怎么获取复选框的值

js如何用复选框取消,或者是默认不选,点下就选了