jQuery ajax实现批量删除功能完整示例

本文实例讲述了jQuery ajax实现批量删除功能。分享给大家供大家参考，具体如下：

效果展示：

完整代码如下：

！DOCTYPE Html Html lang=' zh-CN ' head meta charset=' UTF-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge ' meta name=' viewport ' content=' width=device-width，初始比例=1.0，用户比例=no ' title ding剑龙Html/title链接。bootscs。com/bootstrap/4。1 .0/CSS/bootstrap。量滴CSS“rel=”externano跟随“rel=”批量删除/button table style=' width : 500 px；class=' table table-分条表-悬停表-加边框'第一个作用域=“col”宽度=“25”输入类型=' checkbox '值=' name=' selectall '/第一个作用域='col '宽度=' 80 ' ID/第一个作用域=' col '标题车身输入类型='复选框'值=' 10001 '/TD TD TD 10001/TD标题1/TD/tr TD输入类型='复选框'值=' 10002 '/TD TD TD 10002/TD标题2/TD/tr TD输入类型='复选框'值=' 10003 '/TD TD TD 10003/TD标题3/TD/tr TD输入类型='复选框'值=' 10004 '/TD TD TD 10004/TD标题4/TD/tr TD输入类型='复选框'值=' 10005 '/TD TD TD 10005/TD标题5/TD/tr/t body/table/div脚本src=' http :3359 cdn。 bootscs。com/jquery/3。3 .1/jquery。量滴js '/script script src=' http :https://cdn。bootscs。com/bootstrap/4。1 .0/js/引导。量滴js '/script script src=' http 3360https://cdn。bootscs。com/js/bootstrap。量滴js/批量选中的效果*/$(“输入3360”复选框[name=“selectall”]).单击(function(){ if($(this)).是(' :选中'){ $('输入3360复选框').每个（函数(){ $(此)).prop('checked '，true)；});} else { $(“输入3360”复选框).每个（函数(){ $(此)).prop('checked '，false)；});} });/*获取身份证，批量删除*/function batch _ del(){ var ids=' '；$(“输入3360”复选框).每个（函数(){ if(this。选中==true){ ids=this。值'，'；} });//图层。警报(ids返回；//下面的创建交互式、快速动态网页应用的网页开发技术根据自己的情况写layer.confirm('批量删除后不可恢复，谨慎操作！{icon: 7，title: '警告},函数（索引){ $。ajax({ type: 'POST '，url: '你的全球资源定位器(统一资源定位符)地址？ids=' ids，data: {'1': '1'}，dataType: 'json '，success:函数（数据){ if (data.code==200) { $(obj).父母(' tr ').移除();layer.msg(data.message，{icon: 1，time : 1000 })；} else { layer.msg(data.message，{icon: 2，time : 3000 })；} }，错误：函数（数据){控制台。日志(数据。味精)；}, });});}/脚本/正文/html感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

更多关于框架相关内容可查看本站专题： 《jquery中Ajax用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。