layui table復(fù)選框禁止某幾條勾選的實(shí)例
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;//獲取上面那個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í)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)基于十進(jìn)制的四舍五入實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)基于十進(jìn)制的四舍五入的方法,實(shí)例分析了javascript針對數(shù)值判斷與相關(guān)運(yùn)算技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07postman自定義函數(shù)實(shí)現(xiàn) 時間函數(shù)的思路詳解
Postman是一款功能強(qiáng)大的網(wǎng)頁調(diào)試與發(fā)送網(wǎng)頁HTTP請求的Chrome插件。這篇文章主要給大家介紹postman自定義函數(shù)實(shí)現(xiàn) 時間函數(shù)的思路詳解,感興趣的朋友一起看看吧2019-04-04zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法
這篇文章主要介紹了zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法,實(shí)例分析了由冒泡產(chǎn)生的click延遲解決方法,需要的朋友可以參考下2015-02-02JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別
js中一般使用tofixed與round處理數(shù)據(jù)四舍五入,那么tofixed與round有什么區(qū)別呢?下面小編給大家分享JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別,需要的朋友參考下吧2017-10-10JAVASCRIPT車架號識別/驗(yàn)證函數(shù)代碼 汽車車架號驗(yàn)證程序
偶然中在CSDN里找到C#版的驗(yàn)證程序,因此改編了一版JS版本,相信會對大家有用2012-01-01