layui table checked获取选中数据方法

最新推荐文章于 2024-09-18 17:14:39 发布

阿杜_ardo

最新推荐文章于 2024-09-18 17:14:39 发布

阅读量2.9w

点赞数 14

分类专栏： layui 文章标签： layui

本文链接：https://blog.csdn.net/ardo_pass/article/details/86655318

版权

layui 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

关于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)