• jQuery 全选、反选问题的记录


     1 <div id="list">  
     2     <ul id="choseList" >                 
     3         <li><input type="checkbox" name="chose" value="1"> 打篮球</li>
     4         <li><input type="checkbox" name="chose" value="1"> 踢足球</li>
     5         <li><input type="checkbox" name="chose" value="1"> 打乒乓球</li>
     6      <li><input type="checkbox" name="chose" value="1">游泳</li>
     7         <li><input type="checkbox" name="chose" value="1"> 打羽毛球</li>
     8         <li><input type="checkbox" name="chose" value="1"> 打排球</li>     
     9     </ul>
    10 </div>
    11 <input type="button" id="all" value="全选/全不选">
    12 <input type="button" value="全选" class="btn" id="selectAll">  
    13 <input type="button" value="全不选" class="btn" id="unSelect"> 

      

      Jquery的代码是这样实现的:(参考某大神EdieLei的回复 博客链接 http://www.cnblogs.com/edielei)

     1 var a = true;
     2 $(function(){
     3     //全选/全不选
     4     $('#all').click(function(){
     5         ck(a);
     6         a = a?false:true;
     7     });
     8     //全选
     9     $('#selectAll').click(function(){ck(true);});
    10     //全不选
    11     $('#unSelect').click(function(){ck(false);});
    12 });
    13 function ck(b){
    14     $('input[name="chose"]').prop('checked',b);
    15 }

      当然each的方法也可以:

     1 $("#list :checkbox").each(function () {
     2 
     3     if ($(this).attr("checked") == true) {   
     4         $(this).attr("checked",false) ;
     5     }
     6     else {              
     7         $(this).attr("checked",true);  
     8     }
     9           
    10 });
    “你敢搞我的马子” “你不是也搞了我对象” “…… 我说你俩还能不能好好的下象棋”
  • 相关阅读:
    标识符和关键字
    大任务拆成小任务,再到可并行的小任务
    莫等闲
    这样修改有哪些优缺点 wcf service via attribute setting vs config
    头脑发达,四肢简单
    32位还是64位
    session未释放
    split task
    sqlserver deadlock
    IronPython
  • 原文地址:https://www.cnblogs.com/mick-li/p/5665813.html
Copyright © 2020-2023  润新知