jQuery多选框checkbox选中事件

4 篇文章 0 订阅

1、如果使用jQuery,则使用prop方法来获取和设置checked属性,不要使用attr。

<input type="checkbox" name="check" id="check" checked="checked" value="Daily"/>
<input type="checkbox" name="check" checked="checked" value="Daily"/>

1)获取多个checkbox的值

var groupCheckbox=$("input[name='check']");
for(i=0;i<groupCheckbox.length;i++){
if(groupCheckbox[i].checked){
var val =groupCheckbox[i].value;
alert(val);
}
}

2)设置选中radio

$('#infType1').prop("checked","checked");

//或者

$("input[type=radio][name=infType][value=1]").prop("checked",'checked');

3)多个checkbox点击事件

$(function(){
var s = $("input[name='check']");
s.each(function(i){
// alert(i);
$(this).click(function(){
if(this.checked==true){
alert(this.value);
}
});
}); 
    })

2、通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase

var aaa = $("#check").prop("checked");

3、说明,如果使用attr方法获取时: 
1)如果当前input中初始化未定义checked属性,则不管当前是否选中,$(“#check”).attr(“checked”)都会返回undefined;
2)如果当前input中初始化已定义checked属性,则不管是否选中,$(“#selectAll”).attr(“checked”)都会返回checked.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

喵叻嗰咪

如果有用,请作者喝杯咖啡吧

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

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

打赏作者

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

抵扣说明:

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

余额充值