前言

如何獲取bootstrapTable選中的checkbox資料

getSelections 獲取全部選中資料

bootstrap table 獲取全部選中行的資料有2個方法

• getAllSelections 返回所有選定的行包含搜尋或過濾，當沒有選擇記錄時，將返回一個空陣列。
• getSelections 返回選定的行，如果未選擇任何記錄，則返回一個空陣列。getSelections不會返回包含搜尋刷選後的選中的資料。

點刪除按鈕，需獲取選中的資料

選中多行，獲取選中行的所有資料：bootstrapTable('getSelections')

//作者-上海悠悠 QQ交流群:717225969
//blog地址 https://www.cnblogs.com/yoyoketang/

<script>
    // 獲取表格資料
    $("#btn_delete").click(function() {
        var rows = $("#table").bootstrapTable('getSelections');
        alert(JSON.stringify(rows))
    })

</script>
 

返回的資料格式：

[
  {"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')返回的資料裡面

[
  {"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裡面沒有提供對應方法可以提前某個欄位，需自己寫個方法迴圈取值

<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/