介绍 & lt; ! DOCTYPE html>
& lt; html lang=皕h-CN"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能meta http-equiv=癤-UA-Compatible",内容=癐E=edge"比;
& lt;才能meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,,user-scalable=no"比;
& lt;才能title> Ding Jianlong Html
& lt;才能link href=癶ttps://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css", rel=癳xternal nofollow", rel=皊tylesheet"比;
& lt;才能link href=癶ttps://cdn.bootcss.com/layer/2.4/skin/layer.min.css", rel=癳xternal nofollow", rel=皊tylesheet"比;
& lt;/head>
& lt; body>
,& lt; div 类=癱ontainer"比;
,& lt; button 类=癰tn btn-danger radius", onClick=癰atch_del()“,风格=& # 39;保证金:10 px; & # 39;在批量删除& lt;/button>
,,& lt; table ,类=皌able table-striped table-hover table-bordered"比;
& lt;才能thead>
& lt;才能tr>
,,& lt; th 范围=& # 39;坳# 39;,宽度=?5“祝辞& lt; input 类型=癱heckbox", value=啊? name=皊electall"祝辞& lt;/th>
,,& lt; th 范围=& # 39;坳# 39;,宽度=?0“在ID
,,& lt; th 范围=& # 39;坳# 39;,在标题& lt;/th>
& lt;才能/tr>
& lt;才能/thead>
& lt;才能tbody>
& lt;才能tr>
,,& lt; td> & lt; input 类型=癱heckbox", value=?0001“祝辞& lt;/td>
,,& lt; td> 10001 & lt;/td>
,,& lt; td 祝辞标题1 & lt;/td>
& lt;才能/tr>
& lt;才能tr>
,,& lt; td> & lt; input 类型=癱heckbox", value=?0002“祝辞& lt;/td>
,,& lt; td> 10002 & lt;/td>
,,& lt; td 祝辞标题2 & lt;/td>
& lt;才能/tr>
& lt;才能tr>
,,& lt; td> & lt; input 类型=癱heckbox", value=?0003“祝辞& lt;/td>
,,& lt; td> 10003 & lt;/td>
,,& lt; td 祝辞标题3 & lt;/td>
& lt;才能/tr>
& lt;才能tr>
,,& lt; td> & lt; input 类型=癱heckbox", value=?0004“祝辞& lt;/td>
,,& lt; td> 10004 & lt;/td>
,,& lt; td 祝辞标题4 & lt;/td>
& lt;才能/tr>
& lt;才能tr>
,,& lt; td> & lt; input 类型=癱heckbox", value=?0005“祝辞& lt;/td>
,,& lt; td> 10005 & lt;/td>
,,& lt; td 祝辞标题5 & lt;/td>
& lt;才能/tr>
& lt;才能/tbody>
,& lt;/table>
,& lt;/div>
& lt; script src=癶ttps://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"祝辞& lt;/script>
& lt; script src=癶ttps://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"祝辞& lt;/script>
& lt; script src=癶ttps://cdn.bootcss.com/layer/2.4/layer.min.js"祝辞& lt;/script>
& lt; script>
,/*批量选中的效果*/,美元(& # 39;输入:复选框(name=皊electall") & # 39;) .click(函数(){
,如果($().(& # 39;:检查# 39;)){
,,,,美元(& # 39;输入:复选框# 39;). each(函数(){
,,,(这).prop美元(“checked",真实);
,,});
还有,,,}{
,,,,,美元(& # 39;输入:复选框# 39;). each(函数(){
,,,(这).prop美元(“checked",假);
,,});
,,,}
,});
,/*获取id、批量删除*/function 才能;batch_del (), {
,,,var ids =, & # 39; & # 39;;
,,,$(& # 39;输入:复选框# 39;). each(函数(){
,,,,,如果(this.checked ==, true) {
,,,,,,,ids +=, this.value +, & # 39; & # 39;;
,,,,,}
,,,});
,,,//layer.alert (ids);回归;
,,,//下面的ajax根据自己的情况写
,,,layer.confirm(& # 39;批量删除后不可恢复,谨慎操作! & # 39;,,{图标:7,标题:,& # 39;警告& # 39;},,function (索引),{
,,,,,. ajax({美元
,,,,,,,类型:,& # 39;文章# 39;
,,,,,,,url:, & # 39;你的url地址? id=& # 39;, +, id,
,,,,,,,数据:,{“1”:“1”;},
,,,,,,,数据类型:,& # 39;json # 39;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
这篇文章将为大家详细讲解有关使用jQuery和ajax怎么实现批量删除功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
完整代码如下:
