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 相关文章推荐
对象的类型:本地对象(1)
Dec 29 Javascript
jQuery 位置插件
Dec 25 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
读jQuery之五(取DOM元素)
Jun 20 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
详解如何修改 node_modules 里的文件
May 22 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
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
mac下安装nginx和php
2013/11/04 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
php中的依赖注入实例详解
2019/08/14 PHP
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
子页向父页传值示例
2013/11/27 Javascript
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
Python函数嵌套实例
2014/09/23 Python
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
Python常见异常分类与处理方法
2017/06/04 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
Python Collatz序列实现过程解析
2019/10/12 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
浅谈Python协程
2020/06/17 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
区长工作作风个人整改措施
2014/10/01 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
好媳妇事迹材料
2014/12/24 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书