layui中的checkbox如何设置禁止勾选

吴沐珂 2018-06-11 03:39:47

点击全选框，可以把表格里的所有的数据都勾选上，但是有几条数据不想让它勾选，求解

...全文

7972 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

夏已微凉、 2020-09-23

打赏
举报

回复 1

这位大佬比较牛逼：加了个禁用标识 LAY_DISABLED https://www.cnblogs.com/ismars/p/11050059.html

邪酆 2019-10-12

打赏
举报

回复

@一江春华终散去你可以先将表格里不需要被全选的数据在赋值的时候,先赋予禁止选中复选框属性就可以了

大猪肘子 2019-05-15

打赏
举报

回复

吴沐珂 2018-06-11

打赏
举报

回复 2

还没说完，额，就是如果对其中一条数据进行操作，比如给它通过了，那全选的时候就不能勾选它

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');

在Web开发中，有时候需要显示一些复选框（checkbox），表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户”这个地方是可以进行勾选操作的”而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将复选框设置成只读的效果。提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。所以对于checkbox来说，设置了reado

下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

$('#LAY-auth-tree-index input[type="checkbox"]').prop('disabled',true) 用disabled这个属性在此起不了作用，但是需求提出要有禁止功能，于是想出给div添加 pointer-events：none禁止点击属性 $('#LAY-auth-tree-index').css('pointer-events','none') 虽...

,done: function (res, curr, count) { var state = ""; for (var i in res.data) { var item = res.data[i]; if ((item.INVALID_MARK ==1 && item.DESTRUCTION_MARK != 1) || (it...

10,614

社区成员

29,028

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章