每次写都会出现问题,每次...
jQuery1.6之后改了prop ,可是attr也可以用,我这里,
$('#checkall').click(function(){
if($('#checkall').prop('checked')){
$("input[name*=checkbox]").each(
function(){ $(this).prop("checked",'true');
}
)
}else{
$("input[name*=checkbox]").each(
function(){ //$(this).prop("checked",'false');这里不能这样写,会出现不能取消勾选的情况
//取消勾选checkbox只能是去掉checkbox属性
$(this).removeAttr("checked");}
)
}
/*var flag=true;
$("input[name*=checkbox]").each(
function(){
if($(this).prop("checked",'flase')) {
flag=true;
}else{
flag=false;
}
}
)
if(flag){
$("input[name*=checkbox]").each(
function(){ $(this).prop("checked",'true');
}
)
}else{
$("input[name*=checkbox]").each(
function(){ $(this).removeAttr("checked");
}
)
}*/
});
这样在html或其它前端页面全选checkbox的id设置为checkall ,其它子checkbox设置name为checkbox就可以。
获取选中的checkbox的长度:$("input[type='checkbox'][name=checkbox]:checked").length;
//这里要记住被选中要用:checked哦因为用porp选中的时候页面上看是没有checked属性的,[checked=true]只适用于attr
追加的含有checked属性的checkbox