前言
如何获取bootstrapTable选中的checkbox数据
getSelections 获取全部选中数据
bootstrap table 获取全部选中行的数据有2个方法
- getAllSelections 返回所有选定的行包含搜索或过滤，当没有选择记录时，将返回一个空数组。
- getSelections 返回选定的行，如果未选择任何记录，则返回一个空数组。 getSelections不会返回包含搜索刷选后的选中的数据。
点删除按钮，需获取选中的数据
选中多行，获取选中行的所有数据：bootstrapTable(‘getSelections’)
代码语言：javascript复制//作者-上海悠悠 QQ交流群:717225969
//blog地址 https://www.cnblogs.com/yoyoketang/
<script>
// 获取表格数据
$("#btn_delete").click(function() {
var rows = $("#table").bootstrapTable('getSelections');
alert(JSON.stringify(rows))
})
</script>返回的数据格式：
代码语言：javascript复制[
{"0":true,"id":1,"name":"悠悠老师","age":20,"tel":"12313231","is_delete":"0"},
{"0":true,"id":2,"name":"张三老师","age":22,"tel":"21122121","is_delete":"0"}
]
获取选中数据的id字段
删除数据的时候，只需要id字段传给后端，就可以删除对应的数据，那么如何从bootstrapTable(‘getSelections’)返回的数据里面
代码语言：javascript复制[
{"0":true,"id":1,"name":"悠悠老师","age":20,"tel":"12313231","is_delete":"0"},
{"0":true,"id":2,"name":"张三老师","age":22,"tel":"21122121","is_delete":"0"}
]获取选中数据的id字段，如：[1, 2] bootstrapTable里面没有提供对应方法可以提前某个字段，需自己写个方法循环取值
代码语言：javascript复制<script>
// 获取表格数据
$("#btn_delete").click(function() {
var rows = $("#table").bootstrapTable('getSelections');
alert(JSON.stringify(rows))
var ids = [];
// 循环筛选出id
for (var i = 0; i < rows.length; i ) { //循环筛选出id
ids.push(rows[i].id);
}
alert(JSON.stringify(ids))
})
</script>
bootstrap-table API文档:https://www.bootstrap-table.com.cn/examples/methods/get-options/
