js实现(全选)多选按钮的方法【附实例】

前端技术 2023/09/05 JavaScript

第一种，全部选中：

<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实现(全选)多选按钮的方法【附实例】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

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

转载请注明出处。

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

我的博客

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

我的标签

随笔档案