layui数据表格取消某一行的选中

最新推荐文章于 2024-04-28 10:55:39 发布
最新推荐文章于 2024-04-28 10:55:39 发布
阅读量1.8k 收藏 3
点赞数 2
分类专栏： layui 文章标签： javascript layui html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40113971/article/details/114388485
版权

layui数据表格取消某一行的选中

起因

最近公司使用layui作为前端框架，作为刚入行的前端菜鸟，在使用layui的数据表格时遇到了问题，那就是通过js取消数据表格中某一行的复选框选中。原先直接通过修改input的checked=false和删除div的.layui-form-checked样式来取消选中，但在layui中并未完全取消（注:选中剩余的会触发全选）。

解决方法

首先通过jquery找到要取消的那一行下的div.layui-form-checked，执行click（）方法,然后再移除.layui-form-checked即可

qq_40113971
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
layui的表格table选中数据后更改本行的颜色
10-17
在layui的表格table中，选中某行数据之后更改本行颜色，取消选中后恢复原样式。在layui的表格table中，选中某行数据之后更改本行颜色，取消选中后恢复原样式。
Layui数据表格复选框取消选中
热门推荐
-Jie的博客
08-15 1万+
需要实现的功能：左侧选中或取消时，右侧做出相应的反应。同理，右侧取消的时候，如果表格当前页存在该数据时，需要变为未选中 使用的插件：Layui、Vue 主要出现的问题：右侧取消的时候，表格中相应的行没有变为未选中，但全选的checkbox却变成了未选中 右侧的显示 <div class="layui-card" id="vue_conten"> &l...
layui单击行选中或勾选取消
lin694218943的博客
01-15 2642
直接copy就能用 //单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('.layui-...
layui获取table中的checkbox并取消选中
zgp11_2018的博客
06-13 1996
根据同一行中其他列数据的变化动态取消checkbox选中。layui获取表格中的checkbox，并取消选中。
layui 数据表格获取选中 取消选中
Jeenyyin的博客
12-07 1538
// 取消选中 $("input[type='checkbox'][name='layTableCheckbox']").prop('checked', false); form.render("checkbox"); // 获取选中 var checkStatus = table.checkStatus('subject-table')； var data = checkStatus.data;
layui 表格点击行实现CheckBox的选中与取消
weixin_44560342的博客
06-24 1万+
layui 表格点击行实现CheckBox的选中与取消 1、先引入layui相关的插件 2、在定义表格的地方 设置 lay-filter 属性，注意了这个属性的名称需要跟表格id一致 <table id="tableBigType" lay-filter="tableBigType" class="layui-hide"></table> 3、数据加载 （重点就在这里） layui.use('table', function(){ table = layui.tab
layui中清空指定select_layui select 选完其他选项， 手工清空选项 又恢复最初的选项？...
weixin_39847437的博客
12-20 4166
启用layui的select 下拉搜索项： lay-search企业：业务场景：选择某企业之后，无法清空选项。清空时点击空白处，应该默认为“请选择”$(document).on("input propertychange", "select[lay-search] ~ div input", function () {if ($(this).val() == "") {//alert($(thi...
layui移除（删除）table表格的一行
代码笔记
10-25 1826
去移除一行虽然看上去这一行没了。layui的table，光用。
LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选
aszhaozilong123的博客
06-14 5734
项目用LayUI进行开发，需求方提出一个范围权限控制的实现方案。在复选框只能单选的前提下，管理员可以取消勾选，查看所有数据，但普通用户由于权限限制，不可以取消勾选。 在查找资料的过程中，发现jq的常用操作checkbox方法不适用于layui，应使用prop代替attr改变checkbox状态。 <input type="checkbox" name="chbBtn" value="@...
layui中清空指定select_Layui 设置select下拉框自动选中某项的方法
weixin_39782433的博客
12-20 1537
1、 需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段a。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段a已经存在的值。2、 layui的select下拉框是怎么实现的为了获得一个select标配的下拉框，我们需要在html中填写的内容如下：* 发送对象：请选择华南理工大学大学城华南理工大学五山校区中山大学珠海校区中山大学大学城校区layui对...
通过js控制layui选择框checkbox的选中、取消选中，以及使用layui实现全选、取消全选的一种方式
qq_36476631的博客
01-19 4013
js控制选中、取消选中 ，layui实现全选、取消全选 layui版本2.5.x html部分： <form class="layui-form" id="form-checkbox"> // checkbox - 全选框 <input type="checkbox" id="allCheckbox" value="全选" lay-skin="primary" lay-filter="selectAllCheckbox" > </form> <form cla
layui获取选中行数据的实例讲解
10-18
今天小编就为大家分享一篇layui获取选中行数据的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui table 复选框跳页后再回来保持原来选中的状态demo
04-13
layui table 复选框跳页后再回来保持原来选中的状态相关的源码
layui table 多行删除(id获取)的方法
12-10
如下所示： <button class="layui-btn layui-btn-danger" data-type="getid" οnclick="delAll()">删除所有选中行</button> js： table.on('checkbox(table)', function(obj){ var data = obj.data; }); layui.jquery, active = { getid: function () { var arr = []; var checkStatus = table.checkStatus('tableid') , data
layui 监听表格复选框选中值的方法
10-18
今天小编就为大家分享一篇layui 监听表格复选框选中值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
隐藏layui数据表格表头的checkbox复选框
12-02
一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
Layui表格选中指定行的radio单选框并滚动到该行的实现代码
12-28
layui table有多行数据，通过外部输入内容，需要定位到指定行，选中改行，对改行进行操作。 实现效果： HTML代码： <body> <div class=layui-fluid> <input type=text id=txt_id /> <table class=...
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
最新发布
励志做最业余的专业博主，控件产品可以私我~
04-28 863
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
layui 渲染表格某一行数据背景颜色
06-11
您可以使用 layui 的表格渲染功能，通过设置单元格的样式来实现表格某一行的背景颜色。具体实现方式如下： 1. 在表格渲染之前，定义一个回调函数，用于设置单元格的样式。 ```javascript var table = layui.table;...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值