jquery checkbox 全选失效问题

本文探讨了在JavaScript中使用prop和removeProp替代attr以实现更高效的全选功能,解决了传统方法在多次点击后失效的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用attr("checked",true)与attr("checked",false)或者removeAttr("checked"); 会出现第一次全选可以出现全选效果,但是第二次点击后就无法实现全选效果。现在改为prop

$(document).on("click","#che_box",function(){
var ischecked= $("#che_box:checked").length;
var $checkboxs =$("input[name='check_box']");
if(ischecked){
$checkboxs.prop("checked",true);
}else{
$checkboxs.prop("checked",false);

}
});

以上使用prop跟removeProp来实现。(使用jquery1.9版本)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值