layui-table表复选框勾选的所有行数据获取的例子
更新时间：2019年09月13日 14:04:57 作者：缱绻つ
今天小编就为大家分享一篇layui-table表复选框勾选的所有行数据获取的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
项目需求，可以用复选框勾选项目进行提交，如下表
<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>
我们已经获取到了表中所有行的数据，全选，部分选都可行，不用选复选框遍历的方式去获取数据
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，感兴趣的朋友可以了解下2021-02-02
本文给大家介绍了如何使用javascript实现倒计时跳转到其他页面的方法以及实现原理，非常的简单实用，有需要的小伙伴可以参考下。2016-01-01
微信小程序前端通过weixin://wxpay/bizpayurl生成支付二维码全过程
这篇文章主要给大家介绍了关于微信小程序前端通过weixin://wxpay/bizpayurl生成支付二维码的相关资料,weixin://wxpay/bizpayurl 是一个微信支付的链接地址,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了uniapp微信小程序使用xr加载模型的操作方法,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-07-07
脚本吧 - 幻宇工作室用到js,超强推荐expand.js...2006-12-12
哈希表（也称为哈希表）是一种基于键直接访问内存存储位置的数据结构。也就是说，它通过计算一个键值函数来加速查找，该函数将要查询的数据映射到表中的某个位置。该映射函数称为散列函数，记录数组称为散列表2022-09-09
这篇文章主要介绍了BootStrap中Table隐藏后显示问题的实现代码,需要的朋友可以参考下2017-08-08
下面小编就为大家带来一篇JS实用的带停顿的逐行文本循环滚动效果实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了TypeScript映射类型和更好的字面量类型推断，对TS感兴趣的同学，一定要看一下2021-05-05
基于webpack-hot-middleware热加载相关错误的解决方法
下面小编就为大家分享一篇基于webpack-hot-middleware热加载相关错误的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
最新评论