layui table checked获取选中数据方法

最新推荐文章于 2025-05-29 11:56:13 发布

原创最新推荐文章于 2025-05-29 11:56:13 发布 · 2.9w 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#layui

layui 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种简洁的使用layuitablechecked方法获取表格选中数据的方式。通过设置表格ID并调用layui.table.checkStatus方法，可以轻松获取到选中行的数据，示例代码展示了如何在控制台输出选中数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于layui table checked获取选中数据方法，有一个很简洁的方式

var selectData = layui.table.checkStatus('queryList').data;
console.log(selectData);

其中“queryList”为table的id,需要设置一个id，例如

layui.use('table', function() {
    var table = layui.table;
    //监听删除及编辑按钮
    table.render({
        elem: '#myForm'
        , url: SURL + '/sys/queryUserList' + sSuffix
        , id: 'queryList'
        , data: {"uid": uid, "name": name}
        , height: 350
        , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        , cols: [[
            {type: 'checkbox', fixed: 'left'}
            ,{field: 'id', title: '编号'}
            ,{field: 'username', title: '姓名'}
            , {field: 'mobile', title: '手机号'}
            , {field: 'state', title: '状态'}
        ]]
        , page:  {theme:'#1090d9'}
    });

控制台结果

Array(2)
1. 0: {id: "112", username: "张三", mobile: "18366616666" state: "有效"}
2. 1: {id: "56", username: "李四", mobile: "18366618888"state: "有效"}
3. length: 2
4. __proto__: Array(0)