zoukankan      html  css  js  c++  java
  • 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 });
    “你敢搞我的马子” “你不是也搞了我对象” “…… 我说你俩还能不能好好的下象棋”
  • 相关阅读:
    asp.net HttpModule和HttpHandler
    Asp.Net生命周期和Http管道技术
    降低web服务器压力
    html里嵌入CSS的三种方式
    php实现简单视图模板(视图引擎)
    ASP.NET MVC路由配置
    igel udc2 config
    单IP、网络、别名管道限速的设置
    Apple SIP简介及在Clover中如何控制
    Hackintosh
  • 原文地址:https://www.cnblogs.com/mick-li/p/5665813.html
Copyright © 2011-2022 走看看