jquery 使用attr方法对checkBox进行全选和反选操作

function checkBoxAll(){
    $(".checkboxChoose").bind("click",function(){
        var _this=$(this),flag=_this.hasClass("checkAll");
        var checkbox=$("[name=bookChoose]:checkbox");//得到所有的checkbox。
        if(flag==true){
            _this.html("取消全选");
            _this.removeClass("checkAll");
            checkbox.each(function(){
              $(this).attr("checked",true);//对checkbox进行操作
            });
        }else{
            _this.html("全选");
            _this.addClass("checkAll");    
            checkbox.each(function(){
                $(this).attr("checked",false);//对checkbox进行操
            });
            
        }
    });
}
问题描述,第一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。
第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有

被选中。问题解决办法是把红色部分中的attr方法修改

function checkBoxAll(){

    $(".checkboxChoose").bind("click",function(){
        var _this=$(this),flag=_this.hasClass("checkAll");
        var checkbox=$("[name=bookChoose]:checkbox");//得到所有的checkbox。
        if(flag==true){
            _this.html("取消全选");
            _this.removeClass("checkAll");
            checkbox.each(function(){
               $(this).prop("checked",true);//对checkbox进行操作
            });
        }else{
            _this.html("全选");
            _this.addClass("checkAll");    
            checkbox.each(function(){
               $(this).prop("checked",false);//对checkbox进行操作
            });
            
        }
    });
}</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五月呀

谢谢请喝奶茶~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值