jquery设置radio选中_获取radio选中的值_判断radio是否选中
2015-01-24 14:55:49  By: dwtedx

Jquery越来越流行、功能也越来越强大、使用的朋友也越来越多、在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题、由于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´).attr(´checked´, ´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(‘未选中’);
    }
})



总之获取选中和 radio 的值和选中 radio 的方法有很多、大家可以视情况而定、看当时的场景、那种方法方便用使用那种方法

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

DD记账
top
+