最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

Datatables是一款jquery表格插件。它是一個(gè)高度靈活的工具，可以將任何HTML表格添加高級(jí)的交互功能。

為賽罕等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及賽罕網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站建設(shè)、成都網(wǎng)站制作、賽罕網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

最近遇到這樣的需求要求把表格批量刪除。下面通過(guò)實(shí)例代碼給大家介紹下。

1：點(diǎn)擊全選的選擇框CheckBox，選中以下列表中所有的選擇框

2：再次點(diǎn)擊全選的選擇框CheckBox，不選中以下列表中所有的選擇框

3：?jiǎn)芜x某個(gè)選擇框

如圖所示：

http://recordit.co/GLj5a5BWo9

簡(jiǎn)單代碼demo：

 
 
 全選 

 
 告警日期
 姓名
 性別
 所屬單位
 位置詳情
 
 

columns內(nèi)容：

render : function(data, type, row, meta) {
      var content = '';
      content += ' ';
      content += '';
      return content;
     }

主要的js部分代碼：

/* 批量刪除 */
 $('#Button1').click(function() {
  if ($("input[name='test']:checked")[0] == null) {
   alert("請(qǐng)選擇需要?jiǎng)h除的消息");
   return;
  }
  if (confirm("確認(rèn)刪除嗎？")) {
   var ids = new Array;
   $("input[name='test']:checked").each(function() {
    ids.push($(this).val());
    n = $(this).parents("tr").index() + 1; // 獲取checkbox所在行的順序
    $("table#dataTable").find("tr:eq(" + n + ")").remove();
   });
   $.ajax({
    url : basePath + "sos/deleteAlerts",
    data : "ids=" + ids,
    type : "post",
    dataType : "json",
    success : function(data) {
     dataTable.reloadTable();
    }
   });
  }
 })

總結(jié)

以上所述是小編給大家介紹的jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！