zoukankan      html  css  js  c++  java
  • 全选,反选,对话框

    全选,反选列子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
         <div>
                <input type="button" value = "全选" ondblclick="CheckAll()">
                <input type="button" value="取消" ondbclick="CancleAll()">
                <input type="button" value="反选" ondblclick="ReverseAll()">
         </div>
         <table>
                 <theard>
                           <tr>
                                  <th>序号</th>
                                  <th>用户名</th>
                                  <th>年龄</th>
                           </tr>
                 
                 </theard>
                 <tbody id="tb">
                           <tr>
    
                               <td><input class="c1" type="checkbox"></td>
                                <td>Wyc</td>
                                <td>17</td>
                           </tr>
                           <tr>
    
                               <td><input class="c1" type="checkbox"></td>
                                <td>Wyc</td>
                                <td>18</td>
                           </tr>
                           <tr>
    
                               <td><input class="c1" type="checkbox"></td>
                                <td>Wyc</td>
                                <td>19</td>
                           </tr>
                       
                 </tbody>
         </table>
         <script>
    
               function CeckAll(){
                       var tb = document.getElementById("td");
                       var checks = tb.getElementsByClassName("c1");
                       for(var i=0;i<checks.length;i++){
                                var current_check = checks[i];
                                current_check.checked =true;
                      }
               }
               function CancleAll(){
                        var tb = document.getElementById("tb");
                        var checks = tb.getElementsByClassName("c1");
                         for(var i=0;i<checks.length;i++){
                               var current_check = checks[i];
                               current_check.checked = false;
                         }
                }
                function ReverseAll(){
                        var tb = document.getElementById("tb");
                        var checks = tb.getElementsByClassName("c1");
                        for(var i=0;i<checks.length;i++){
                              var current_check = checks[i];
                              if(current_check.checked){
                                  current_check.check = false;
                              }else{
                                         current_check.checked = true;
                              }
                        }
               }
    
         </script>
    </body>
    </html>
    列子
  • 相关阅读:
    8.2Solr API使用(Facet查询)
    8.1Solr API使用(分页,高亮)
    7.Solr查询参数
    6.Solr4.10.3API使用(CURD)
    5.Solr4.10.3中配置中文分词器
    3.Solr4.10.3目录结构
    2.Linux环境下配置Solr4.10.3
    1.Solr介绍
    java集合中List与set的区别
    js快速排序
  • 原文地址:https://www.cnblogs.com/wuyongcong/p/5659008.html
Copyright © 2011-2022 走看看