$(function () {
$("#spanNan").click(function () {
$("#Radio1").attr("checked", true);
$("#Radio2").attr("checked", false);
});
$("#spanNv").click(function () {
$("#Radio2").attr("checked", true);
$("#Radio1").attr("checked", false);
});
})
$(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:(推荐)
<inputid="Radio2"type="radio"name="sex"/><labelfor="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的值,这样写