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 相关文章推荐
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
JavaScript获取IP获取的是IPV6 如何校验
Jun 12 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 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
全国FM电台频率大全 - 17 湖北省
2020/03/11 无线电
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
destoon官方标签大全
2014/06/20 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
javascript实现字符串反转的方法
2015/02/05 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
python处理json数据中的中文
2014/03/06 Python
Python常用算法学习基础教程
2017/04/13 Python
如何用Python合并lmdb文件
2018/07/02 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
团日活动策划书
2014/02/01 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
出纳担保书范文
2014/04/02 职场文书
旅游安全协议书
2014/04/21 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
投标单位介绍信
2015/05/05 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书