Bootstrap Table批量（全選）刪除认然，類似以下這樣：

思路
1:jsp頁面，刪除按鈕

<div class="mytab">
<table id="mytab" class="table table-hover"></table>
</div>

2：在columns里面力惯，checkbox : true

3：最主要的是js里面實(shí)現(xiàn)璃俗，刪除按鈕事件
獲得要?jiǎng)h除整條數(shù)據(jù)的id,并且傳遞給后端，在數(shù)據(jù)庫進(jìn)行操作

部分js代碼

var path = getContextPath();

$(function() {
    $('#mytab').bootstrapTable({
        method : 'get',
        
        url : path + "/alarm/health",// 請(qǐng)求路徑
        striped : true, // 是否顯示行間隔色
        pageNumber : 1, // 初始化加載第一頁
        pagination : true,// 是否分頁
        sidePagination : 'server',// server:服務(wù)器端分頁|client：前端分頁
        pageSize : 8,// 單頁記錄數(shù)
        pageList : [ 5, 10, 20, 30 ],// 可選擇單頁記錄數(shù)

        queryParams : function(params) {// 上傳服務(wù)器的參數(shù)
            var temp = {// 如果是在服務(wù)器端實(shí)現(xiàn)分頁推励，limit鹤耍、offset這兩個(gè)參數(shù)是必須的
                limit : params.limit, // 每頁顯示數(shù)量
                offset : params.offset, // SQL語句起始索引

                sn : $("#sn").val(),
                name : $("#sname").val(),
            };
            return temp;
        },
        columns : [ {
            checkbox : true
        }, {
            title : '設(shè)備編號(hào)',
            field : 'sn',
        }, {
            title : '告警日期',
            field : 'timestamp',
            formatter : formatTime
        }, {
            title : '姓名',
            field : 'name',
        }, {
            title : '心率',
            field : 'heart',
        }, {
            title : '呼吸率',
            field : 'breath',
        }, {
            title : '描述',
            field : 'type',
            formatter : formatBtn
        } ]

    })

    // 刪除按鈕事件
    $("#remove").on("click", function() {
        if (!confirm("是否確認(rèn)刪除？"))
            return;
        var rows = $("#mytab").bootstrapTable('getSelections');// 獲得要?jiǎng)h除的數(shù)據(jù)
        if (rows.length == 0) {// rows 主要是為了判斷是否選中验辞，下面的else內(nèi)容才是主要
            alert("請(qǐng)先選擇要?jiǎng)h除的記錄!");
            return;
        } else {
            var ids = new Array();// 聲明一個(gè)數(shù)組
            $(rows).each(function() {// 通過獲得別選中的來進(jìn)行遍歷
                ids.push(this.id);// cid為獲得到的整條數(shù)據(jù)中的一列
            });
            deleteMs(ids)
        }
    })
    function deleteMs(ids) {
        $.ajax({
            url : path + "/alarm",
            data : "ids=" + ids,
            type : "post",
            dataType : "json",
            success : function(data) {
                $('#mytab').bootstrapTable('refresh', {
                    url : path + '/alarm/health'
                });
            }
        });
    }
})

參考文章：https://blog.csdn.net/Fly_tom/article/details/81035899
         http://www.reibang.com/p/761299fd877f

類似文章：jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能
http://www.reibang.com/p/d8de8f062c1d

原文作者：祈澈姑娘 技術(shù)博客：http://www.reibang.com/u/05f416aefbe1
90后前端妹子稿黄，愛編程，愛運(yùn)營(yíng)跌造，文藝與代碼齊飛杆怕，魅力與智慧共存的程序媛一枚。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題壳贪，堅(jiān)持記錄工作中所所思所見陵珍，對(duì)于博客上面有不會(huì)的問題，可以加入qq技術(shù)交流群聊：649040560违施。