js实现checkbox全选和反选

最新推荐文章于 2024-04-02 19:39:43 发布

转载最新推荐文章于 2024-04-02 19:39:43 发布 · 202 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jb51.net/article/49580.htm

HTML+CSS+JS 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的批量选择功能,通过操作HTML元素的checked属性,实现全选与全不选的功能。此功能常用于表格或列表中进行多项选择的场景。

<script>
function selectAll(){
 var checklist = document.getElementsByName ("selected");
   if(document.getElementById("controlAll").checked)
   {
   for(var i=0;i<checklist.length;i++)
   {
      checklist[i].checked = 1;
   } 
 }else{
  for(var j=0;j<checklist.length;j++)
  {
     checklist[j].checked = 0;
  }
 }
}
</script>