layui得到表格复选框取到的值

最新推荐文章于 2021-03-04 14:09:33 发布
最新推荐文章于 2021-03-04 14:09:33 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： 前端 layui 文章标签： layui复选框取值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44568752/article/details/89184893
版权
前端 同时被 2 个专栏收录
14 篇文章 1 订阅
订阅专栏
layui
11 篇文章 1 订阅
订阅专栏

1.定义表格

<table class="layui-table" lay-size="sm" id="parse-table-demo" lay-data="{page: true,id:'layTable',page:'true'}" lay-filter="parse-table-demo">
</table>

2.定义复选框

{
    field:'choice',
    width:40,
    type:'checkbox'
}

3.得到复选框选中的值

layui.table.checkStatus('parse-table-demo').data
飘＊
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui checkbox默认选中，获取选中值，清空所有选中项
yuanyuan
11-28 7869
var arr = res.data; var myCheckbox = $("input[name='MenuArr']"); myCheckbox.prop('checked', false); //切换下拉选项时，清空所有选中状态 form.render('checkbox');//记得每次操作后要渲染该元素 for (var j = 0;...
layui数据表格中的数据获取以及实现复选框的勾选
最新发布
qq_63578903的博客
12-06 1184
注意：在遍历获取表格数据（如，项目名称 projectName）时，注意在浏览器中检查元素的结构，layui喜欢隐藏一些内容，我也检查了好久才发现实际的值在td标签中还有一个div标签（这才是真正的值所在）所以在找到值的时候后面得跟一个空格div( div)就好了；还有要找对位置（从大往小找）先展示效果（说明：该效果是通过一个后端发来的一个id去找到对应的表格的行，同时获取表格的项目名称：LLL，将其显示在父页面上；并且实现将id对应的表格的行的复选框进行勾选中）话不多说上代码：（只展示核心部分）
layui table全选checkbox取值
webnoties的专栏
10-30 3379
layui table全选checkbox取值 <table id="table_list_table" class="layui-table" lay-filter="table_list"></table> layui.use(['table', 'form'], function () { var $ = layui.$; var id_lists = []; var table = layui.table;
layui获取复选框的值的N种方法
u013931283的博客
03-04 279
请参考该文档 http://www.shagua.wiki/project/3?p=94 设置和获取layui复选框的方法都有 效果图:(线上有代码 可以直接拷贝使用) 请参考该文档 http://www.shagua.wiki/project/3?p=94
layui-table表复选框勾选的所有行数据获取的例子
12-29
项目需求，可以用复选框勾选项目进行提交，如下表 <table class=layui-table lay-data={url: lay-filter=test3> <thead> <tr> <th lay-data={type:>ID</th> <th lay-data={field:>ID</th> <th lay-data={field:>测试项</th> <th lay-data={field:'t2', edit:
layui 复选框 checkbox全选，取值
Yangliwei的博客
05-06 7343
1,在html中写入如下代码： 全选框：重点是lay-filter:c_all <input type="checkbox" lay-filter="c_all" name="" lay-skin="primary"> 其他复选框：重点是class：checkboxitem <tr v-for="item in userarr"> ...
layui 监听表格复选框选中值的方法
01-19
ajax()异步请求后台时，需要传入表格里复选框选中的id值 注意：在渲染form on 方法的done里面加入 done:function(res){ table_data=res.data; } 将复选框选中的值的id加入数组中，然后传递到后台作为ids参数 //...
layui 数据表格复选框实现单选功能的例子
12-13
希望能帮助到你 如下所示： //点击选中(单选) //单击行勾选checkbox事件 $[removed]("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var ...
layui表格数据复选框回显设置方法
10-16
需要注意的是，layui表格内部会根据用户交互自动处理复选框的选中状态，如果直接修改复选框的`class`属性（比如添加`layui-form-checked`），会导致layui无法正确识别复选框的状态，从而出现二次点击的问题。...
layui复选框checkbox全选和获取值的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-27 2283
引入外部文件 <script src="../js/jquery.min.js"></script> <script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css"> HTML代码 <form class="layui-form"> <div class="layui-form-it.
layui从数据库中获取复选框的值并默认选中方法
10-18
今天小编就为大家分享一篇layui从数据库中获取复选框的值并默认选中方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui获取checkbox的值table列表lists页选中checkbox
webnoties的专栏
07-14 3299
{extend name="public/base" /} {block name="main"} <div class="x-nav"> <span class="layui-breadcrumb"> <a><cite>官方活动</cite></a> </span> <a class="layui-btn layui-btn-small" style="float:right.
关于使用layui获取表格复选框选中的数据的方法
liangwenli_的博客
09-19 7万+
使用layui获取表格复选框选中的数据 今天在实现根据表格复选框选中的内容进行一系列的操作，一下的内容是基于使用layui模块实现的。首先先简述比较简单的方法，在layui官方文档也是提到的方法。(本人文笔不好，很多东西写的不好，请多多见谅哈) 在使用方法渲染的方法实现表格头部工具栏的监听事件或者行数据的监听事件。 以下截图是关于表格头部工工具栏的监听事件： (其中括号里面的test为table...
layui 获取复选框选中状态 checkbox赋值回显
qq_36636312的博客
09-16 1415
https://blog.csdn.net/qq_33048333/article/details/80609553
layui获取复选框的值
z45283943的博客
08-10 6万+
layui获取复选框的值 //HTML代码 <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block...
关于layUI获取表格中复选框对应数据的方法
weixin_43202364的博客
12-11 3586
关于layUI获取表格中复选框对应数据的方法 今天在做博客后台项目最后一个功能，就是使用layUI的多选功能进行删除勾选数据 如： 去网上百度了各种方法，无一不是特别麻烦。就想了另外的一种方案： 复选框用的是layUI的标签： &lt;div class="layui-unselect header layui-form-checkbox" lay-skin="primary"&gt; &...
jQuery实现获取选中复选框的值
热门推荐
GoGoCoder
06-20 9万+
jQquery实现获取选中复选框的值应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除， 修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的 相关参数（如 id）post到后台进行删除。当然如果你每次只要删除一两条数 据这样子做并没有什么问题，但是如果你需要一次性删 除100条，你还去一条 条的删除吗？每一次删除10条会不会更好些呢？
layui 监听表格复选框
09-06
在Layui中，我们可以通过监听表格复选框的方式来实现响应选中状态的功能。具体操作如下： 1. 首先，我们需要在表格的每一行加入一个复选框，通过配置lay-skin属性来设置复选框的样式。例如： ``` <input type="checkbox" lay-skin="primary"> ``` 2. 接下来，我们可以使用Layui的事件监听机制来监听复选框的选中状态。通过给复选框绑定lay-filter属性，并在表格的渲染参数中配置done回调函数，实现监听复选框选中状态的功能。例如： ```javascript // 渲染表格 table.render({ // ... done: function (res, curr, count) { // 监听复选框选中状态 form.on('checkbox(check)', function (obj) { if (obj.checked) { // 复选框被选中时执行的逻辑 console.log('选中'); } else { // 复选框取消选中时执行的逻辑 console.log('取消选中'); } }); }, }); ``` 这里的`checkbox(check)`中的`check`是复选框的lay-filter属性值，需要与绑定的属性保持一致。 3. 最后，在复选框的监听事件中，根据选中状态执行相应的逻辑。例如，可以使用`obj.data`获取当前行的数据，并根据需要进行相关操作。 通过以上步骤，我们就可以实现在Layui中监听表格复选框选中状态的功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值