Jquery 全選、反選問題的記錄

  <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);  
                }                
             }); 

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