jQuery操作radio元素

在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题,现在我是这样选中和不选中Radio的、下面是选中性别为例贴上选中以及取消选中的代码


<input type="radio" name="sex" id="man_radio" value="1" /><input type="radio" name="sex" id="woman_radio" value="0" />


一、选中RADIO

1、通过 id 找到 radio 并将其选中男

$(´#man_radio´).attrchecked´, ´true´);


2、通过 name 找到 radio 并将其选中男

$("input[name=sex]:eq(0)").attr("checked"true´);


3、通过 name 和 value 找到 radio 并将其选中男

$("input[name=sex][value=´1´]").attr("checked",true);


如果想取消选中的话、只需要把 true 改为 false 即可、另外还有一种选中和取消选中的方式是这样的、通过属性 checked 来判断的、代码如下

$("#man_radio").attr("checked","checked");//选中
$("#man_radio").removeAttr("checked");//不选中


二、获取选中的值

1、通过选中的 radio 来获取

$input:radio:checked´).val();


2、通过 type 来获取

$("input[type=´radio´]:checked").val();


3、通过 name 来获取

$("input[name=´rd´]:checked").val();


三、判断 RADIO 是否选中

这里我用一个循环来判断是否选中、大家在实际项目中、可以通过元素的 id 或者使用 ep 来获取标签元素


$("input[name=sex]").each(function(){
    if($(this).attr("cheked")){
        alert(‘选中’);
    }else{
         alert(‘未选中’);
    }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值