最新下载
热门教程
- 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(); } }); } })
相关文章
- 《怪物猎人荒野》锁头机制介绍 11-07
- 逆水寒手游流派首席竞选怎么玩 逆水寒手游流派首席竞选玩法介绍 11-07
- 《怪物猎人荒野》双刀玩法介绍 11-07
- 《怪物猎人荒野》帐篷搭建方法 11-07
- 《怪物猎人荒野》修改存档后联机情况介绍 11-07
- 《怪物猎人荒野》帧生成打不开解决方法 11-07