最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery+Datatables实现表格批量删除功能
时间：2022-06-25 15:31:56 编辑：袖梨 来源：一聚教程网
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。
最近遇到这样的需求要求把表格批量删除。下面通过实例代码给大家介绍下。
1：点击全选的选择框CheckBox，选中以下列表中所有的选择框
2：再次点击全选的选择框CheckBox，不选中以下列表中所有的选择框
3：单选某个选择框
如图所示：
简单代码demo：
全选 告警日期 姓名 性别 所属单位 位置详情
columns内容：
render : function(data, type, row, meta) {
var content = '';
return content;
}
主要的js部分代码：
/* 批量删除 */
$('#Button1').click(function() {
if ($("input[name='test']:checked")[0] == null) {
alert("请选择需要删除的消息");
return;
}
if (confirm("确认删除吗？")) {
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();
}
});
}
})
相关文章
- 和平精英沙丘密语皮肤多少钱 和平精英沙丘密语皮肤价格介绍 04-27
- 原神诡镇之梦佩特莉可的阴霾任务怎么攻略 04-27
- 塞尔达传说王国之泪5速马在哪5速马位置指南 04-27
- 原神白石与黄铜的造像位置在哪 04-27
- 原神旧日之海鳗鱼宝箱怎么找 原神旧日之海鳗鱼宝箱寻找方法介绍 04-27
- 原神白石与黄铜的造像位置在哪 原神白石与黄铜的造像位置介绍 04-27