如何设置layui表格中某些行不可勾选？

本文共计288个文字，预计阅读时间需要2分钟。

Layui table 复选框禁用指定行代码如下：javascriptvar list=[0, 1, 3];// 获取禁用的tr的行indexvar trIndex=layui.table.checkStatus('tableId').data;// 遍历设置复选框禁用for (var i=0; i

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复选框禁止某几条勾选的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。