js实现全选，全不选，反选

最新推荐文章于 2024-08-30 20:29:15 发布

weixin_30733003

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量57

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lovebing/p/6737899.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 
 7 </head>
 8 <body>
 9         <ul>
10                 <li><input type="checkbox" name="sports">aaaa</input></li>
11                 <li><input type="checkbox" name="sports">aaaa</input></li>
12                 <li><input type="checkbox" name="sports">aaaa</input></li>
13                 <li><input type="checkbox" name="sports">aaaa</input></li>
14                 <li><input type="checkbox" name="sports">aaaa</input></li>
15 
16         </ul>
17         <script type="text/javascript">
18         var obj = document.getElementsByName('sports');
19     
20     //下面是全选
21             function quanxuan()
22             {
23                     for (var i = 0; i <= obj.length; i++) {
24                             obj[i].checked=true;        
25                     }
26             }
27 
28                 //下面是反选
29                 function fanxuan()
30             {
31                                 for (var i = 0; i <= obj.length; i++) {
32                                         if(obj[i].checked){
33                                             obj[i].checked=false;    
34                                         }else {
35                                         obj[i].checked=true;
36                                     }
37                                 }
38             }
39         //下面是全不选
40         function quanbuxuan()
41             {
42                 for (var i = 0; i <= obj.length; i++) {
43                                 obj[i].checked=false;        
44                 }
45             }
46 
47 
48 
49     </script>
50 <a href="javascript:quanxuan()" >全选</a>
51 <a href="javascript:fanxuan()" >反选</a>
52 <a href="javascript:quanbuxuan()">全不选</a>
53 </body>
54 </html>

转载于:https://www.cnblogs.com/lovebing/p/6737899.html

weixin_30733003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现全选，全不选，反选

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 7 </head> 8 <body> 9 ...
复制链接

扫一扫