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 相关文章推荐
农历与西历对照
Sep 06 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
Mar 01 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
浅谈vuex之mutation和action的基本使用
Aug 29 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
Jul 17 Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 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安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
php链表用法实例分析
2015/07/09 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
使用户点击后退按钮使效三行代码
2007/07/07 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
2015/09/04 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
express.js中间件说明详解
2019/03/19 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
VUE使用axios调用后台API接口的方法
2020/08/03 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[02:25]DOTA2英雄基础教程 熊战士
2014/01/03 DOTA
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
python list转dict示例分享
2014/01/28 Python
Python ldap实现登录实例代码
2016/09/30 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
浅析HTML5 meta viewport参数
2020/10/28 HTML / CSS
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
法律专业应届生自荐信范文
2014/01/06 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
预备党员承诺书
2014/03/25 职场文书
合作意向书模板
2014/03/31 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
校园运动会广播稿
2014/10/06 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL