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

});

});

});




posted @ 2016-09-18 17:27  James2019  阅读(2691)  评论(0编辑  收藏  举报