JS
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>