bootstrap表格 之多选数据的获取

时间:2023-03-10 00:49:50
bootstrap表格 之多选数据的获取

使用表格的时候经常会用到多选的功能,比较常用,下面写一个小Dome记录一下

如下:单击批量删除按钮之后,需要获取选中行数据,传值到后台进行处理

bootstrap表格 之多选数据的获取

一、获取选择行的数据

btnplDel是按钮id;table是表格的id,具体的table代码就不写了。

   $("#btnplDel").bind('click', function () {
var a = $('#table').bootstrapTable('getSelections');//获取选择行数据
for (var i = ; i < a.length; i++) {//循环读取选中行数据
var b = a[i].mid;//获取选择行的值
}
})

二、调试截图,看一下具体值,更直观

选择行的值:

bootstrap表格 之多选数据的获取

获取具体列的值:mid是columns的列

bootstrap表格 之多选数据的获取