layui-table表复选框勾选的所有行数据获取的例子


Posted in Javascript onSeptember 13, 2019

项目需求,可以用复选框勾选项目进行提交,如下表

<table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3">

  <thead>
  <tr>
    <th lay-data="{type:'checkbox'}">ID</th>
    <th lay-data="{field:'id', width:80}">ID</th>
    <th lay-data="{field:'t1'}">测试项</th>
    <th lay-data="{field:'t2', edit: 'text'}">标定参数</th>
    <th lay-data="{field:'t3'}">标定值</th>
  </tr>
  </thead>
</table>

layui-table表复选框勾选的所有行数据获取的例子

layui-table表复选框勾选的所有行数据获取的例子

我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据

table.on('checkbox(test3)', function(obj){
      var checkStatus = table.checkStatus('test3');
      console.log(checkStatus.data)//选中行数据
      console.log(checkStatus.data.length)
      
      })
      
$('.ttes').click(function () {
      var index = parent.layer.getFrameIndex(window.name);
      var checkStatus = table.checkStatus('test3');
      console.log(checkStatus.data)//选中行数据
      var items = checkStatus.data;

以上这篇layui-table表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
js实现新年倒计时效果
Dec 10 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
Aug 11 Javascript
node跨域请求方法小结
Aug 25 Javascript
微信小程序实现炫酷的弹出式菜单特效
Jan 28 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
vue组件开发之slider组件使用详解
Aug 21 Javascript
nuxt引入组件和公共样式的操作
Nov 05 Javascript
layui表格数据复选框回显设置方法
Sep 13 #Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 #Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 #Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 #Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 #Javascript
深入了解JavaScript 防抖和节流
Sep 12 #Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 #Javascript
You might like
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
php获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
在Django的视图(View)外使用Session的方法
2015/07/23 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Django 解决新建表删除后无法重新创建等问题
2020/05/21 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
如何选择使用结构还是类
2014/05/30 面试题
25道Java面试题集合
2013/05/21 面试题
大学专科生推荐信范文
2013/11/23 职场文书
心得体会怎么写
2013/12/30 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书