layui table复选框禁止某几条勾选的实例
更新时间:2019年09月20日 16:23:57 作者:lyxyldd
今天小编就为大家分享一篇layui table复选框禁止某几条勾选的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
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;}
以上这篇layui table复选框禁止某几条勾选的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
这篇文章主要给大家介绍了关于Three.js利用orbit controls插件,也就是轨道控制来控制模型交互动作的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。2017-09-09iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
近期需要一个iframe自适应高度的东西,在网上找了很多,都不能用……一看大体的日期都是大概 2008年前后的其他近期的基本都是以前的转载,所以只好自己动手了。2010-07-07
最新评论