search

Home >Web Front-end >JS Tutorial >How to implement (select all) multi-select button in js [with examples]_javascript skills

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

WBOY
WBOYOriginal
2016-05-16 15:07:101517browse

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>

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.

Statement：
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
Previous article：5-image transformation effect advertising code implemented by js+flash (source code attached)Next article：5-image transformation effect advertising code implemented by js+flash (source code attached)

Related articles

See more