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 相关文章推荐
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
Javascript中call与apply的学习笔记
Sep 22 Javascript
jQuery寻找n以内完全数的方法
Jun 24 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
Mar 08 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
Aug 25 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
vue自定义指令directive的使用方法
Apr 07 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 时间计算问题小结
2009/01/04 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
JS+Canvas 实现下雨下雪效果
2016/05/18 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
微信小程序实现商城倒计时
2020/11/01 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
JS前端广告拦截实现原理解析
2020/02/17 Javascript
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
Python中暂存上传图片的方法
2015/02/18 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
Python和Sublime整合过程图示
2019/12/25 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
人事专员岗位职责
2013/11/20 职场文书
期末考试动员演讲稿
2014/01/10 职场文书
二年级数学教学反思
2014/01/21 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
MySQL中varchar和char类型的区别
2021/11/17 MySQL
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android