layui table复选框禁止某几条勾选

Layui table复选框禁止勾选

var list = [0,1,3];//获得禁用的tr的行index
//遍历设置复选框禁用

for(var i=0;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中写入

{{id}}-{{ischeck}}

//js中获取tr中写入的内容

var table = layui.table;
var checkStatus = table.checkStatus('table');
//lay-filter="table"
var values = new Array();
for(var i=0;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;}

你可能感兴趣的:(前端学习)