正选反选JS

最新推荐文章于 2024-04-02 19:39:43 发布

weixin_30664615

最新推荐文章于 2024-04-02 19:39:43 发布

阅读量147

点赞数

文章标签： photoshop javascript php ViewUI

原文链接：http://www.cnblogs.com/aure/p/4383907.html

版权

 1  <script>
 2 window.οnlοad=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.οnclick=function(){
 9             for(i=0;i<aCheck.length;i++){
10                     aCheck[i].checked=true;
11                 };
12         };
13     oNo.οnclick=function(){
14             for(i=0;i<aCheck.length;i++){
15                    aCheck[i].checked=false;
16                 };
17         };
18     oTher.οnclick=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>

转载于:https://www.cnblogs.com/aure/p/4383907.html

weixin_30664615

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正选反选JS

JS 1 <script> 2 window.onload=function(){ 3 var oTher=document.getElementById('other'); 4 var oCheck=document.getElementById('all'); 5 var oNo=document.getElementById(...
复制链接

扫一扫