How to implement (select all) multi-select button in js [with examples]_javascript skills

WBOY

Release： 2016-05-16 15:07:10

Original

1494 people have browsed it

The first type, select all:

<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>

Copy after login

The effect is as follows:

The second option is to select the specified one.

The above method of implementing (select all) multi-select button in js [with examples] is all the content shared by the editor. I hope it can give you a reference, and I hope you will support Script Home.

Related labels：

js select all Multiple choice button

source：php.cn

Previous article：5-image transformation effect advertising code implemented by js+flash (source code attached) Next article：Basic tutorial on how to use the Request module in Node.js to handle HTTP protocol requests_node.js

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn