jQuery+Datatables实现表格批量删除功能【推荐】

一、Datatables插件简介

1. 页面结构

```html

批量删除

```

2. jQuery代码

接下来，我们需要编写jQuery代码来实现批量删除功能。

```javascript

// 批量删除

$('Button1').click(function() {

var ids = new Array(); // 存储选中的ID

if ($("input[name='test']:checked").length == 0) { // 如果没有选中的复选框

alert("请选择需要删除的消息");

return;

}

if (confirm("确认删除吗？")) { // 确认删除操作

$("input[name='test']:checked").each(function() { // 遍历选中的复选框

ids.push($(this).val()); // 将ID存入数组

var tr = $(this).parents("tr"); // 获取当前复选框所在的行元素

tr.remove(); // 删除行元素

});

// 发送Ajax请求，后端删除数据

$.ajax({

url: basePath + "sos/deleteAlerts", // 后端接口地址

data: "ids=" + ids.join(','), // 将ID数组转换为字符串，以逗号分隔

type: "post", // 请求类型

dataType: "json", // 预期服务器返回的数据类型

success: function(data) { // 请求成功后的回调函数

}

});

}

});

```