layuitable复选框禁⽌某⼏条勾选的实例
Layui table复选框禁⽌勾选
var list = [0,1,3];//获得禁⽤的tr的⾏index
//遍历设置复选框禁⽤
for(var i=0;i<list.length;i++){正则匹配多行
$(".layui-table tr[data-index="+list[i]+"] input[type='checkbox']").prop('disabled',true);
$(".layui-table tr[data-index="+list[i]+"] input[type='checkbox']").next().addClass('layui-btn-disabled');
}
//在tbody内容的第⼀⾏tr中写⼊
<td>{{id}}-{{ischeck}}</td>
//js中获取tr中写⼊的内容
var table = layui.table;
var checkStatus = table.checkStatus('table');//lay-filter="table"
var values = new Array();
for(var i=0;i<checkStatus.data.length;i++){
var thisdata = checkStatus.data[i].id;//获取上⾯那个td的内容
var check = thisdata.split("-")[1];//截取ischeck
if(check=='1'){ //拦截禁⽤的⾏的id
values.push(thisdata.split("-")[0]);//截取id
}
}
var idlist = values//得到所有的id 0,1,3
/
/给禁⽤的复选框更改样式
.layui-table-view .layui-form-checkbox.layui-btn-disabled[lay-skin=primary] i,.layui-table-view .layui-form-checkbox.layui-checkbox-disbaled[lay-skin=primary] i{background-color: #e9e9e9;border-color: #e9e9e9;}以上这篇layui table复选框禁⽌某⼏条勾选的实例就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。