简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Implementation method of js select all button_javascript skills

WBOY
Release： 2016-05-16 15:31:50
Original
1336 people have browsed it

The example in this article describes the implementation code of the js select all button. Share it with everyone for your reference. The details are as follows:
The screenshot of the running effect is as follows:

The specific code is as follows

<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 above is the implementation method of js select all button, I hope it will be helpful to everyone's learning.

Related labels：
js全选按钮 js实现checkbox全选 js实现全选 js实现全选和反选 js如何实现全选
source：php.cn
Previous article：Detailed explanation of JS implementation of tab examples_javascript skills Next article：Learn javascript's undefined and null_javascript skills from me
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
Latest Articles by Author
Latest Issues
How to print selected checkbox value after submission This is my list of checkboxes and the buttons I need to submit data..<label>AccessLo...
From 2024-04-06 13:07:43
0
2
337
Push objects to array, composable API There is a project. There are two selection options "size" (large, small) and qu...
From 2024-04-05 14:41:47
0
1
1526
Webdriverio 8: Unable to perform CTRL + multiple clicks I have several columns and I need to press the ctrl button and then select multiple column...
From 2024-04-05 09:57:11
0
1
1449
Having trouble removing deep objects My Vue component uses an object inside an object to display elements. When I click a butto...
From 2024-04-03 21:48:14
0
1
302
CSS row class makes some elements go out of frame, while they should be static and fixed to the bottom of the display My page currently looks like this. After adding the row class so that the two elements are...
From 2024-04-03 18:48:12
0
1
281
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！