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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
JavaScript使用focus()设置焦点失败的解决方法
Sep 03 Javascript
js实现创建删除html元素小结
Sep 30 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
js友好的时间返回函数
Aug 24 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
Oct 10 Javascript
JS实现复选框的全选和批量删除功能
Apr 05 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
vue添加class样式实例讲解
Feb 12 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 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 mssql 数据库分页SQL语句
2008/12/16 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
js module大战
2019/04/19 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
在Python中使用next()方法操作文件的教程
2015/05/24 Python
利用python 更新ssh 远程代码 操作远程服务器的实现代码
2018/02/08 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
Python3爬虫学习入门教程
2018/12/11 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
货代行业个人求职简历的自我评价
2013/10/22 职场文书
编辑找工作求职信分享
2014/01/03 职场文书
志愿者活动总结范文
2014/04/26 职场文书
高三英语复习计划
2015/01/19 职场文书
委托书英文
2015/01/28 职场文书
开票员岗位职责
2015/02/12 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
统招统分证明
2015/06/23 职场文书
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis