layui table復(fù)選框禁止某幾條勾選的實(shí)例
更新時(shí)間：2019年09月20日 16:23:57 作者：lyxyldd
今天小編就為大家分享一篇layui table復(fù)選框禁止某幾條勾選的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
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中寫(xiě)入
<td>{{id}}-{{ischeck}}</td>
//js中獲取tr中寫(xiě)入的內(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è)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Js如何判斷客戶端是PC還是手持設(shè)備簡(jiǎn)單分析
在工作過(guò)程中，許多朋友會(huì)經(jīng)常用到j(luò)s判斷客戶端是PC還是手持設(shè)備，今天將提供以下方法，需要的朋友可以參考下2012-11-11
在瀏覽器中填寫(xiě)表單的時(shí)，可以直接在“文本框”中敲擊“Enter”來(lái)提交表單，很是方便。2010-02-02
JAVASCRIPT 客戶端驗(yàn)證數(shù)據(jù)的合法性代碼(正則)
JAVASCRIPT 客戶端驗(yàn)證數(shù)據(jù)的合法性代碼,比較全了，所以簡(jiǎn)單分頁(yè)了下，喜歡的朋友可以收藏下。2010-04-04
Function是javascript里最常用的一個(gè)概念，javascript里的function是最容易入手的一個(gè)功能，但它也是javascript最難理解最難掌握的一個(gè)概念，接下來(lái)通過(guò)本篇文章給大家介紹javascript中的function多重理解，小伙伴們一起來(lái)學(xué)習(xí)吧2015-08-08
基于 Bootstrap 的 jQuery 表格插件，通過(guò)簡(jiǎn)單的設(shè)置，就可以擁有強(qiáng)大的單選、多選、排序、分頁(yè)，以及編輯、導(dǎo)出、過(guò)濾（擴(kuò)展）等等的功能2017-06-06
jquery ajax應(yīng)用中iframe自適應(yīng)高度問(wèn)題解決方法
很多管理系統(tǒng)中，都使用iframe進(jìn)行信息內(nèi)容的展示方式，或者作為主菜單的鏈接展示內(nèi)容。使用iframe的問(wèn)題就是自適應(yīng)高度的問(wèn)題2014-04-04
JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼（可自適應(yīng)高度）
這篇文章主要介紹了JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼,可實(shí)現(xiàn)固定相對(duì)位置懸浮展示及跟隨屏幕上下滑動(dòng)等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
針對(duì)BootStrap中tabs控件的美化和完善(推薦)
這篇文章主要介紹了針對(duì)BootStrap中tabs控件的美化和完善的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-07-07
form表單中去掉默認(rèn)的enter鍵提交并綁定js方法實(shí)現(xiàn)代碼
form表單中默認(rèn)的enter提交是不是讓你已經(jīng)很耐煩了吧，本文主要講解一下如何去掉默認(rèn)的enter鍵提交同時(shí)綁定js方法，感興趣的朋友可以參考下哈2013-04-04
使用微信內(nèi)嵌H5網(wǎng)頁(yè)解決JS倒計(jì)時(shí)失效問(wèn)題
最近參考項(xiàng)目開(kāi)發(fā)，遇到這樣一個(gè)需求將H5商城頁(yè)面嵌套到公司微信公眾號(hào)里，在開(kāi)發(fā)遇到一個(gè)棘手的問(wèn)題，js倒計(jì)時(shí)失效問(wèn)題，怎么回事呢？下面說(shuō)下我使用微信內(nèi)嵌h5解決的這一問(wèn)題，需要的朋友參考下吧2017-01-01