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默认选中后,点击后其状态也不可被更改(取消)?