JQuery控制Radio

本文主要是介绍JQuery控制Radio，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

方法1：

$(function () {$("#spanNan").click(function () {$("#Radio1").attr("checked", true);$("#Radio2").attr("checked", false);});$("#spanNv").click(function () {$("#Radio2").attr("checked", true);$("#Radio1").attr("checked", false);});})

方法2：（简单方法）

$(function () {$("#spanNan").click(function () {//$("#Radio1").attr("checked", true);
//$("#Radio2").attr("checked", false);$("#Radio1").click();});$("#spanNv").click(function () {//$("#Radio2").attr("checked", true);
//$("#Radio1").attr("checked", false);$("#Radio2").click();});})

方法3：（推荐）

<input id="Radio2" type="radio" name="sex"/><label for="Radio2">女</label>

总结：

HTML的Radio控件若要实现单选，比如本例中男女的选择，需要给Radio添加name属性，且值相同；例：name=“sex”。

默认选上radio:

    jQuery(document).ready(function(){$("input[name=targetBlank]:eq(0)").attr("checked",'checked'); $("input[name=status]:eq(0)").attr("checked",'checked'); }); 

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：


1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个radio的值有以下的几种方法,直接给出代码：
1、


1.$('input[name="testradio"]:checked').val();搜索2、
1.$('input:radio:checked').val();3、
1.$('input[@name="testradio"][checked]');4、
1.$('input[name="testradio"]').filter(':checked');差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下

1.$('input[name="testradio"]').each(function(){2.alert(this.value);3.});如果要取具体某个radio的值，比如第二个radio的值，这样写 

<script type="text/javascript">
$(document).ready(function(){$("input[@type=radio][name=sex][@value=1]").attr("checked",true);
});
</script>您的性别：
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女

这篇关于JQuery控制Radio的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---