Bootstrap Table中的多選框刪除功能

來源：懂視網責編：小采時間：2020-11-27 22:11:22

Bootstrap Table中的多選框刪除功能

Bootstrap Table中的多選框刪除功能:先上代碼，后面再進行詳細解釋： //刪除按鈕事件 $(#remove).on(click, function () { // $(#table).bootstrapTable('getSelections');為bootstrapTable自帶的，所以說一定要使用bootstrapTable顯示表格,#table：為ta

推薦度：

點擊下載本文 文檔為doc格式

導讀Bootstrap Table中的多選框刪除功能:先上代碼，后面再進行詳細解釋： //刪除按鈕事件 $(#remove).on(click, function () { // $(#table).bootstrapTable('getSelections');為bootstrapTable自帶的，所以說一定要使用bootstrapTable顯示表格,#table：為ta

先上代碼，后面再進行詳細解釋：

//刪除按鈕事件
 $("#remove").on("click", function () {
 // $("#table").bootstrapTable('getSelections');為bootstrapTable自帶的，所以說一定要使用bootstrapTable顯示表格,#table：為table的id
 var rows = $("#table").bootstrapTable('getSelections');
 console.log(rows);
 if (rows.length == 0) {// rows 主要是為了判斷是否選中，下面的else內容才是主要
 alert("請先選擇要刪除的記錄!");
 return;
 } else {
 var arrays = new Array();// 聲明一個數組
 $(rows).each(function () {// 通過獲得別選中的來進行遍歷
 arrays.push(this.cid);// cid為獲得到的整條數據中的一列
 });
 var idcard = arrays.join(','); // 獲得要刪除的id
 console.log(idcard);
 }
 })

1. 效果圖