jQuery操作单选按钮(radio)用法-CSDN博客

假如你现在还在为自己的技术担忧，假如你现在想提升自己的工资，假如你想在职场上获得更多的话语权，假如你想顺利的度过35岁这个魔咒，假如你想体验BAT的工作环境，那么现在请我们一起开启提升技术之旅吧，详情请点击http://106.12.206.16:8080/qingruihappy/index.html

1.获取选中值，四种方法都可以：

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

var value = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值

2.设置第一个Radio为选中值：

$('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true');

3.设置最后一个Radio为选中值：

$('input:radio:last').attr('checked', 'checked'); 或者$('input:radio:last').attr('checked', 'true');

4.根据索引值设置任意一个radio为选中值：

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

5.根据Value值设置Radio为选中值

$("input:radio[value='rd2']").attr('checked','true');

6.删除Value值为rd2的Radio

$("input:radio[value='rd2']").remove();

7.删除第几个Radio

$("input:radio").eq(索引值).remove();索引值=0,1,2....

8.遍历Radio

$('input:radio').each(function(index,domEle){

//写入代码

});

案例：

$(function() {// 初始化内容
var ruleId1=$("#key_ruleId1").val();
if(ruleId1==""||ruleId1=="undefined"||ruleId1==null){
$('input:radio[name="ruleName"]:first').attr('checked', 'checked');
}else{
$("input:radio[name='ruleName'][value='"+ruleId1+"']").attr('checked','true');
}

});

<td text-align="left" data-id="ruleName"><label text-align="left">
<input name="ruleName" text-align="left" value="${resultMap.ruleId!}" type="radio"/>${resultMap.ruleName!}</label></td>

如果ruleId1没值则默认选第一条

如果有值，则根据值去选择