JS之全选，反选，取消

最新推荐文章于 2024-06-13 07:34:25 发布

Old丶Seven

最新推荐文章于 2024-06-13 07:34:25 发布

阅读量621

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/zhanqizi/article/details/20129977

JS 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行表格操作的方法，包括全选、反选、取消选择及删除功能的实现。通过这些实用的函数，可以轻松地为表格增加交互性。

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

function checkAll(){//全选
   var str = document.getElementsByName("email");//通过name属性得到要选择的新闻对象
   for(var i = 0;i<str.length;i++){
    str[i].checked = true;
   }
   
  }
  function checkUncheck(){//反选
   var strs = document.getElementsByName("email");
   for(var i = 0;i<strs.length;i++){
    strs[i].checked = false;
   }
  }
  function checkCancel(){//取消
   var strr = document.getElementsByTagName("input");//利用input表单
   for(var i = 0;i<strr.length;i++){
    if(strr[i].type == "checkbox"){//判段表单是否被checkbox上
     strr[i].checked = false;//如果被选中了，就取消，false了。
    }
   }
  }
  function checkDelete(){//是否删除，是否选中一条数据
   var st = document.getElementsByTagName("input");//利用input表单，name,id都行
   var flag = false;//用flag
   for(var i=0; i<st.length; i++){
    if(st[i].checked){//判段是否选中
     flag = true;//选中执行以下代码
    }
   }
    if(!flag){//取反flag
     alert("至少选择一封");
     return false;
    }
   if (confirm("真的要删除吗？")){
    return true;
   }else{
    return false;
   } 
  }