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


Posted in Javascript onSeptember 20, 2019

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复选框禁止某几条勾选的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个用js实现控制台控件的代码
Sep 04 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
JSON 数据格式介绍
Jan 13 Javascript
JavaScript中的console.assert()函数介绍
Dec 29 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
jQuery 移动端artEditor富文本编辑器
Jan 11 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 #Javascript
使用layui实现树形结构的方法
Sep 20 #Javascript
生成无限制的微信小程序码的示例代码
Sep 20 #Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 #Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 #Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 #Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 #Javascript
You might like
PHP安全配置
2006/10/09 PHP
推荐一篇入门级的Class文章
2007/03/19 PHP
为PHP初学者的8点有效建议
2010/11/20 PHP
php 中文字符串首字母的获取函数分享
2013/11/04 PHP
php函数与传递参数实例分析
2014/11/15 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
Bootstrap表格使用方法详解
2017/02/17 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
Vue实现日历小插件
2019/06/26 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
老生常谈Python进阶之装饰器
2017/05/11 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
超市创业计划书
2014/04/24 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
基层党员干部四风问题整改方向和措施
2014/09/25 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
工作后的感想
2015/08/07 职场文书
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
Python基于百度API识别并提取图片中文字
2021/06/27 Python