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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值