checkbox全选和全不选

每次写都会出现问题,每次...敲打委屈

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大哭


猜你喜欢

转载自blog.csdn.net/ademoa/article/details/80060008
今日推荐