Layer表格复选框，禁止勾选某行

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>table模块快速使用</title><link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body><table id="demo" lay-filter="test"></table><script src="/layui/layui.js"></script>
<script>layui.use('table', function(){var table = layui.table;//第一个实例table.render({elem: '#demo',height: 312,url: '/demo/table/user/' //数据接口,page: true //开启分页,cols: [[ //表头{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'},{field: 'username', title: '用户名', width:80},{field: 'sex', title: '狗蛋', width:80, sort: true},{field: 'status', title: '状态', width: 135, sort: true}]],parseData: function(res) {return {code: res.code,msg: res.msg,count: res.data.count,data: res.data.data}},done:function(res, curr, count){let table_data = res.datalet trNum = count;for(let i = 0;i<res.data.length;i++){let state = res.data[i].status; //根据status状态判断，不为0时，禁止勾选if(state){var index = res.data[i]['LAY_TABLE_INDEX'];$(".layui-table tr[data-index="+index+"] input[type='checkbox']").prop('disabled',true);$(".layui-table tr[data-index="+index+"] input[type='checkbox']").next().addClass('layui-btn-disabled');$('.layui-table tr[data-index=' + index + '] input[type="checkbox"]').prop('name', 'eee');}}}});});
</script>
</body>
</html>

【以下内容为 [ 2020-09-23 ] 更新】

刚发现，这样写好像是有点问题的：

1、当页面有禁用的方框时，全选之后，获取到的值不是选中的值；

2、还有全选，取消全选的问题。

如果哪位解决了，麻烦留言通知一下，我向大佬学习一下。

layui数据表格动态禁用checkbox

大家可以看一下这篇：LayUI-Table-添加禁止选中

Layer表格复选框，禁止勾选某行相关推荐

vue设置多选框默认勾选_Angular/Vue多复选框勾选问题
此页面效果以Angular实现,Vue也可按照其大致流程实现,其核心本质没有改变. 功能效果为:页面初始化效果为要有所有角色的复选框,要求初始化默认勾选的角色要显示勾选,之后,能按照最终勾选的状态提交 ...
el-table复选框全部勾选以及勾选回显
el-table复选框全部勾选以及勾选回显前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存 ...
excel导出时如何根据java后台返回的结果动态实现excel复选框的勾选
现在有一个excel的模板,供导出的时候使用(如下图),我们要根据java后台出从数据库取出的数据动态实现P单元格中复选框的勾选, 如果返回的结果是在职,那么在职复选框就被勾选,以此类推. 问题是我们 ...
Java 根据模板导出Excel时，如何根据后台数据设置复选框的勾选
我之前遇到这个问题,上网查找解决方案.都说要在Excel中设置复选框的链接单元格,然后通过赋值给单元格控制复选框的勾选. 在我设置好链接单元格之后,点击复选框,单元格中的值会改变 TRUE 或 FAL ...
vue设置多选框默认勾选_Vue实现全选和反选即Vue复选框增加全选功能
导语:Vue中单选下拉框开发起来非常简单,直接select包裹一个带v-for的option即可但是当我们想做个带多选的下拉框该怎么办呢?最简方法是什么?比如下面这个图: 如果网上搜的话,搜的是一堆 ...
PyQt5 复选框（勾选框）
-- coding: utf-8 -- import sys from PyQt5.QtWidgets import QApplication, QWidget, QCheckBox from PyQ ...
复选框JCheckBox勾选改变内容
勾选前勾选后取消勾选–恢复原状贴代码 JCheckBox chckbxNewCheckBox = new JCheckBox("勾选事件");chckbxNewCheckBo ...
vue设置多选框默认勾选_vue中复选框怎么默认全选，至少选择4个才可以点击下一步...
[1]项目中有这样的需求,要怎么解决呢...默认复选框是全选状态,也可以取消某一个状态,至少选择4个选项才可以点击下一步.这个要怎么实现啊 html: 原料进厂模块组装成品质检仓储物流销售 ...
selenium勾选复选框(单独勾选+全部勾选）
以新浪微博注册页面为例,勾选单个复选框:这里以勾选 '新闻' 复选框为例代码思想:通过定位复选框的xpth,然后点击. #!/usr/bin/env python # -*- coding:utf- ...
html复选框不能勾选,html – 选中时CSS样式复选框 – 不起作用
我有以下静态html文件,我花时间为我们的客户建立一个CMS Web应用程序站点. 在中间部分,有一个垂直的复选框数组(我用它来设计它),我跟着许多在线教程,这些教程引导我使用这个网站链接. 我下载源 ...

Layer表格复选框，禁止勾选某行

Layer表格复选框，禁止勾选某行相关推荐

最新文章

热门文章