码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript实例-----反选

时间:2015-07-12 20:11:45      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <script>
 5     function myFunction()
 6     {
 7         var oTab = document.getElementsByTagName("input");//获取所有input元素
 8         for(var i=0 ; i<oTab.length;i++)
 9         {
10             if(oTab[i].checked==true) oTab[i].checked = false;
11             else oTab[i].checked = true;
12         }
13     };
14 </script>
15 </head>
16 <body>
17     <div >
18         <button id="div1" onclick="myFunction()">反选</button>
19         <table>
20             <tr><td><input type="checkbox">第一个</td></td></tr>
21             <tr><td><input type="checkbox">第二个</td></td></tr>
22             <tr><td><input type="checkbox">第三个</td></td></tr>
23             <tr><td><input type="checkbox">第四个</td></td></tr>
24             <tr><td><input type="checkbox">第五个</td></td></tr>
25             <tr><td><input type="checkbox">第六个</td></td></tr>
26         </table>
27     </div>
28  
29 </body>
30 </html>
View Code

 

JavaScript实例-----反选

标签:

原文地址:http://www.cnblogs.com/ZhaoPengkinghold/p/4641332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!