正选反选JS

浏览数：67 / 时间：2015年06月09日

 1  <script>
 2 window.onload=function(){  
 3     var oTher=document.getElementById(‘other‘);
 4     var oCheck=document.getElementById(‘all‘);
 5     var oNo=document.getElementById(‘uncheck‘);
 6     var oDiv=document.getElementById(‘box‘);
 7     var aCheck=oDiv.getElementsByTagName(‘input‘);
 8     oCheck.onclick=function(){
 9             for(i=0;i<aCheck.length;i++){
10                     aCheck[i].checked=true;
11                 };
12         };
13     oNo.onclick=function(){
14             for(i=0;i<aCheck.length;i++){
15                    aCheck[i].checked=false;
16                 };
17         };
18     oTher.onclick=function(){
19             for(i=0;i<aCheck.length;i++){
20                     if(aCheck[i].checked==true){
21                             aCheck[i].checked=false;
22                         }
23                     else{
24                         aCheck[i].checked=true
25                         }
26                     
27                 };
28         };
29   };
30 </script>

body

 <body>
 你感兴趣的课程：<br/>
<input type="button" id="other" value="反选" />
<input type="button" id="all" value="全选" />
<input type="button" id="uncheck" value="不选" /><br />
<div id="box"> 
    <input type="checkbox" checked="checked"/>〇。PhotoShop  <br />
    <input type="checkbox" checked="checked"/>①。(X)HTML+CSS<br />
    <input type="checkbox" checked="checked"/>②。JavaScript<br />
    <input type="checkbox" checked="checked"/>③。Jquery <br />
    <input type="checkbox" />④。HTML5+CSS3.0<br />
    <input type="checkbox" />⑤。SEO<br />
    <input type="checkbox" />⑥。Linux<br />
    <input type="checkbox" />⑦。PHP/JAVA<br />
    <input type="checkbox" />⑧。数据库<br />
    <input type="checkbox" />⑨。Node.js<br />
</div>
 </body>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

正选反选JS