欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

layui table复选框禁止某几条勾选的实例

时间:2021-04-14 09:02:18|栏目:JavaScript代码|点击:

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;}

上一篇:JavaScript定义类和对象的方法

栏    目:JavaScript代码

下一篇:js实现登陆遮罩效果的方法

本文标题:layui table复选框禁止某几条勾选的实例

本文地址:http://www.codeinn.net/misctech/100702.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有