JS实现复选框全选问题按类型分类CheckBox

最新推荐文章于 2022-06-06 09:46:21 发布

原创最新推荐文章于 2022-06-06 09:46:21 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #function #html

Js、xml、div+css 专栏收录该内容

96 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现网页中复选框全选功能的方法。通过一个全选按钮控制页面上所有复选框的选择状态，适用于表单操作等场景。

 



 <html>

<input   type=checkbox  name="chall“ onclick=selectall()>Select   all<br>    //注意Name

  <input   type=checkbox   name=a>  

  <input   type=checkbox   name=a1>  

  <input   type=checkbox   name=a5>  

  <input   type=checkbox   name=a1>  

  <script>  

  function   selectall()

  {  

  var   obj=document.getElementsByTagName("input")   //获得所有input节点

  for(i=0;i<obj.length;i++)if(obj[i].type=="checkbox")   //如果类型是复选框

  obj[i].checked=document.getElementById("chkAll").checked;  //设置成点的那个浮选的状态

  }  

  </script>

</html>