js 全选，反选，批量删除

最新推荐文章于 2022-11-21 09:25:03 发布

haiyang08101

最新推荐文章于 2022-11-21 09:25:03 发布

阅读量168

点赞数

分类专栏：综合

综合专栏收录该内容

6 篇文章

订阅专栏

本文介绍了使用JavaScript实现记录的选择、全选、反选及单次删除功能，通过事件监听和DOM操作，提供了完整的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.js

//选择
function checkSelected(){
   var num=0,rid=0;
   var chbox = document.getElementsByName("chbox");
   for(var i=0;i<chbox.length;i++){
    if(chbox[i].checked==true){
     num++;
     rid=chbox[i].value;    }
   if(num==0){
    rid=0;
    alert('请选择需要操作的记录');
   }else if(num>1){
    rid=0;
    alert('一次只能操作一条记录');    return rid;      function checkAll(){//全选
   var e =document.getElementsByName("chbox");
   var len=e.length;
   for(var i=0;i<len;i++)     e[i].checked=true;   }   function checkOther(){//反选
   var e1=document.getElementsByName("chbox");
   var len1=e1.length;
   for(var i=0;i<len1;i++){
   if(e1[i].type="checkbox"){
    if(e1[i].checked==true)      e1[i].checked=false;     else{
     e1[i].checked=true;    }   }   function del(){
   var s = document.getElementsByName("chbox");
   var len= s.length;
   var a=0;
   for(var b=0;b<len;b++)    if(s[b].checked==true){a++;}   if(a>0)     if(confirm("确定删除选择的记录？"))
    {form1.submit();}   else{alert("请选择要删除的记录！");}
  }

2.action

public String delStu() {
  String[] stuIds = ServletActionContext.getRequest().getParameterValues(
    "chbox");
  for (int i = 0; i < stuIds.length; i++) {
   id = Integer.parseInt(stuIds[i]); // 将得到的值传给id
   Student student = studentService.getById(id);
   studentService.del(student);
    return page();
}