jQuery checkbox 所有 全選、全不選、是否選中等

下面是網絡收集：

jquery判斷checked的三種方法:
.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//別忘記冒號哦
jquery賦值checked的幾種寫法:
所有的jquery版本都可以這樣賦值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);　　//注意后面沒有引號
jquery1.6+:prop的4種賦值:
// $("#cb1″).prop("checked",true);//很簡單就不說了哦
// $("#cb1″).prop({checked:true}); //map鍵值對
// $("#cb1″).prop("checked",function(){
return true;//函數返回true或false
});
//記得還有這種哦:$("#cb1″).prop("checked","checked");

---

 

 

下面是實例如圖：

 

//全選，全不選（郵件主頁，中間列表）
function mallListAllSelect(e) {

    var obj = $(".M_main_list input[type='checkbox']");

    if( $(e).parent().hasClass("M_listHaveSelect") ){
        $(e).parent().removeClass('M_listHaveSelect');  //清除選擇樣式
        obj.removeAttr("checked");
        $(e).removeAttr("checked");
    }else {
        if( $(e).attr("checked") == "checked" ){
            obj.attr("checked", "checked");
        }else {
            obj.removeAttr("checked");
        }
    }
}
//郵件列表選擇時，全選按鈕狀態變化
$(function(){

$(".M_main_list input[type='checkbox']").live('click', function(){
    var obj = $(".M_main_list input[type='checkbox']");
    var objChecked = $(".M_main_list input[type='checkbox']:checked");
    var objNum = obj.length;

    if( !obj.is(":checked") ){
        $(".M_main_do .M_selectAll input").attr("checked",false).parent().removeClass("M_listHaveSelect");
    }

    objChecked.each(function(i){

        if( objNum == i + 1 ){
            $(".M_main_do .M_selectAll input").attr("checked",true).parent().removeClass("M_listHaveSelect");

        }else {
            $(".M_main_do .M_selectAll input").attr("checked",false).parent().addClass("M_listHaveSelect");
        }       

    });

});

});

---