js全选按钮的实现方法

前端技术 2023/09/09 JavaScript

本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

 

具体代码如下

<html>
 <head>
   <title>复选框checked属性</title>
   <script language=\"JavaScript\" type=\"text/javascript\">
      function changeState(isChecked)
     {
       var chk_list=document.getElementsByTagName(\"input\");
       for(var i=0;i<chk_list.length;i++)
        {
         if(chk_list[i].type==\"checkbox\")
          {
           chk_list[i].checked=isChecked;
          }
        }
    }
   </script>
 </head>
 <body>
   <h1>请选择你的爱好</h1>
   <form name=\"myForm1\">
     <input type=\"checkbox\" name=\"cb1\" checked>看书<br>
     <input type=\"checkbox\" name=\"cb2\" checked>上网<br>
     <input type=\"checkbox\" name=\"cb3\">游戏<br>
   </form>
   <hr>
   <form name=\"myForm2\">
     <input type=\"checkbox\" name=\"cb\" onclick=\"changeState(this.checked)\">全选
   </form>
 </body>
</html>

以上就是js全选按钮的实现方法，希望对大家的学习有所帮助。

本文地址：https://www.stayed.cn/item/25699

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案