checkbox获取选中元素的值

使用input标签时,页面修改内容在debug模式下不会跟着变化,使用Jquery选择器时想当然地认为会跟着变化,不能获取结果。
不过Jquery的val()方法依旧能获得值,或者使用DOM元素,也能获得相应的值。

<input type="checkbox" value="1" name="number">
<input type="checkbox" value="2" name="number">
<input type="checkbox" value="3" name="number">


两种解决方法,第一使用原生态的DOM节点,第二依旧使用Jquery选择器
方法一:匹配属性值是“true”

var checkbox= document.getElementsByName("number");
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked==true){
alert(checkbox[i].value);
}
}


方法二:匹配属性值是checked

$("input[name='number']:checked").each(function(){
alert(this.value);
});

checkbox只要有属性checked,页面加载时便会选中;
设置checkbox状态,直接使用Jquery的attr("checked", "checked")设置为选中;removeAttr("checked")设置为未选中。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值