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 相关文章推荐
csdn 博客的css样式 v3
Feb 24 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
学习Vue组件实例
Apr 28 Javascript
vue+element+Java实现批量删除功能
Apr 08 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
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
Laravel find in set排序实例
2019/10/09 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
python画图常规设置方式
2020/03/05 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
python能做哪些生活有趣的事情
2020/09/09 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
Python的两道面试题
2013/06/29 面试题
报纸媒体创意广告词
2014/03/17 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
交通安全主题班会
2015/08/12 职场文书
任命书格式模板
2015/09/22 职场文书