Jquery 全选、反选问题的记录

2018-06-18 01:54:34来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  <div id="list">  
       <ul id="choseList" >                 
                <li><input type="checkbox" name="chose" value="1"> 打篮球</li>
                <li><input type="checkbox" name="chose" value="1"> 踢足球</li>
                <li><input type="checkbox" name="chose" value="1"> 打乒乓球</li>
          <li><input type="checkbox" name="chose" value="1">游泳</li>
                <li><input type="checkbox" name="chose" value="1"> 打羽毛球</li>
                <li><input type="checkbox" name="chose" value="1"> 打排球</li>     
            </ul>
    </div>
    <input type="button" id="all" value="全选/全不选">
    <input type="button" value="全选" class="btn" id="selectAll">  
    <input type="button" value="全不选" class="btn" id="unSelect"> 

 


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

个人觉得这种方法比之each好,所以拿来记录:

var a = true;
$(function(){
    //全选/全不选
    $('#all').click(function(){
        ck(a);
        a = a?false:true;
    });
    //全选
    $('#selectAll').click(function(){ck(true);});
    //全不选
    $('#unSelect').click(function(){ck(false);});
});
function ck(b){
    $('input[name="chose"]').prop('checked',b);
}

当然each的方法也可以:

$("#list :checkbox").each(function () {

                if ($(this).attr("checked") == true) {   

                    $(this).attr("checked",false) ;
                }
                else {              
                     $(this).attr("checked",true);  
                }                
             }); 

///参考狼牙曼巴的博客

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:在程序中添加计时器,来查看代码的运行速度

下一篇:MVC学习系列5--Layout布局页和RenderSection的使用