layui怎么获取table表格选中行值

百变鹏仔 1个月前 (11-16) #layui

文章标签表格

在 layui 中，可通过以下步骤获取 table 表格选中行值：获取当前选中的所有行：layui.table.checkstatus('tableid')；获取当前选中的行数据：let data = layui.table.checkstatus('tableid').data；获取当前选中的行索引：let index = layui.table.checkstatus('tableid').index。

如何使用 layui 获取 table 表格选中行值

在 layui 中，获取表格选中行值的方法如下：

1. 获取当前选中的所有行

layui.table.checkStatus('tableId');

2. 获取当前选中的行数据

let data = layui.table.checkStatus('tableId').data;

3. 获取当前选中的行索引

let index = layui.table.checkStatus('tableId').index;

其中，tableId 为表格的容器 ID。

示例代码：

layui.use('table', function () {  var table = layui.table;  // 获取表格实例  let instance = table.render({    elem: '#test-table',    data: [{ id: 1, name: 'John Doe' }, { id: 2, name: 'Jane Doe' }],    cols: [[{ type: 'checkbox' }, { field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }]]  });  // 获取当前选中的行  let data = table.checkStatus('test-table').data;  // 输出选中行的姓名  console.log(data[0].name); // John Doe});

文章推荐

layui怎么获取table表格选中行值

layui的分页怎么用

layui怎么设置checkbox勾选

layui怎么对弹出层显示数据

layui表格怎么清空

layui有什么主要功能