zoukankan      html  css  js  c++  java
  • 正选反选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('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>
    
  • 相关阅读:
    Luogu P4002 [清华集训2017]生成树计数
    Luogu P3978 [TJOI2015]概率论
    Codechef JADUGAR2 Chef and Same Old Recurrence 2
    Codechef TREDEG Trees and Degrees
    一些有趣的数
    有向图上Euler回路计数
    P5105 不强制在线的动态快速排序
    二分图小结
    BZOJ2648: SJY摆棋子
    P3231 [HNOI2013]消毒
  • 原文地址:https://www.cnblogs.com/aure/p/4383907.html
Copyright © 2011-2022 走看看