关于JQuery操作checkbox问题

本文介绍jQuery中处理复选框(checkbox)的正确方法,包括使用prop()替代attr()修改checked状态,清空复选框选择状态,判断复选框是否被选中,以及遍历所有复选框进行操作。

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

1、attr()失效

用attr()改变checked属性,第一次点击有效,之后点击便实效。

在jquery 1.6之后的版本中,改变元素的boolean类型属性用prop才能生效,而其他类型属性则继续沿用attr();

$('#id').attr('checked',true);应该写为:$('#id').prop('checked',true);

2、清空复选框

$('input[type=checkbox]').prop('checked',false);

3、is(':checked')

判断该复选框有没有被选中

4、获取所有复选框进行操作

var json{};

var len=$("input[type *='checkbox']");

for(var i=0;i<len.length;i++){

    json[len[i].id] = $('#'+len[i].id).is(':checked');

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值