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

最新推荐文章于 2024-08-21 19:39:31 发布

渡目成书

最新推荐文章于 2024-08-21 19:39:31 发布

阅读量1.2w

点赞数 1

分类专栏： Layui 文章标签： layui 复选框选定数据

本文链接：https://blog.csdn.net/weixin_43674113/article/details/91991470

版权

Layui 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

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

<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;