您好,登錄后才能下訂單哦!
Layui table復(fù)選框禁止勾選
var list = [0,1,3];//獲得禁用的tr的行index //遍歷設(shè)置復(fù)選框禁用 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內(nèi)容的第一行tr中寫入
<td>{{id}}-{{ischeck}}</td>
//js中獲取tr中寫入的內(nèi)容
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;//獲取上面那個(gè)td的內(nèi)容 var check = thisdata.split("-")[1];//截取ischeck if(check=='1'){ //攔截禁用的行的id values.push(thisdata.split("-")[0]);//截取id } } var idlist = values//得到所有的id 0,1,3
//給禁用的復(fù)選框更改樣式
.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復(fù)選框禁止某幾條勾選的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。