checkbox批量删除js(全选/全部选)

  1. <script type="text/javascript">  
  2.     function seltAll(){  
  3.         var chckBoxSign = document.getElementById("ckb");       //ckb 全选/反选的选择框id  
  4.         var chckBox = document.getElementsByName("chckBox");    //所有的选择框其那么都是chckBox  
  5.         var num = chckBox.length;  
  6.         if(chckBoxSign.checked){  
  7.             for(var index =0 ; index<num ; index++){  
  8.                 chckBox[index].checked = true;  
  9.                 }  
  10.         }else{  
  11.             for(var index =0 ; index<num ; index++){  
  12.                 chckBox[index].checked = false;  
  13.                 }  
  14.             }  
  15.         }  
  16.   
  17.     function deleSeltedRecords(){  
  18.         var chckBox = document.getElementsByName("chckBox");  
  19.         var num = chckBox.length;  
  20.         var ids = "";  
  21.         for(var index =0 ; index<num ; index++){  
  22.             if(chckBox[index].checked){  
  23.                 ids += chckBox[index].value + ",";                
  24.             }  
  25.         }  
  26.         if(ids!=""){  
  27.             if(window.confirm("确定删除所选记录?")){  
  28.                 $.ajax( {  
  29.                     type : "post",  
  30.                     url : '../g3/history-no!batchDelete.action?ids=' + ids, //要自行删除的action  
  31.                     dataType : 'json',  
  32.                     success : function(data) {  
  33.                         alert("删除成功");  
  34.                         window.location.href = "channel-no.action" ;  
  35.                     },  
  36.                     error : function(data) {  
  37.                         alert("系统错误,删除失败");  
  38.                     }  
  39.                 });  
  40.             }  
  41.         }else{  
  42.             alert("请选择要删除的记录");  
  43.             }  
  44.         }  
  45. </script> 
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
你可以使用 JavaScript 来实现复框的批量删除功能。下面是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <title>复批量删除</title> </head> <body> <h1>复批量删除</h1> <input type="checkbox" id="checkAll" onclick="checkAllHandler()">全选/取消全选<br><br> <input type="checkbox" class="checkbox" value="item1">项目1<br> <input type="checkbox" class="checkbox" value="item2">项目2<br> <input type="checkbox" class="checkbox" value="item3">项目3<br> <input type="checkbox" class="checkbox" value="item4">项目4<br> <input type="checkbox" class="checkbox" value="item5">项目5<br><br> <button onclick="deleteSelectedItems()">删除中项</button> <script> // 全选/取消全选的处理函数 function checkAllHandler() { var checkboxes = document.getElementsByClassName('checkbox'); var checkAll = document.getElementById('checkAll'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = checkAll.checked; } } // 删除中项的处理函数 function deleteSelectedItems() { var checkboxes = document.getElementsByClassName('checkbox'); for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { // 在这里执行删除操作,可以根据具体需求自行编写删除逻辑 console.log('删除项:' + checkboxes[i].value); } } } </script> </body> </html> ``` 这段代码创建了一个包含复框的简单网页。通过点击全选框,可以择或取消择所有项目的复框。点击“删除中项”按钮后,会在控制台打印出中项的值,你可以根据具体需求编写删除逻辑,例如发送删除请求或更新页面内容等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值