html
 
<div class="layui-card-header fk-mail-group" index="0">
    <input type="radio" name="mailOne" class="recover" value="recover" title="收件人">
    <input type="radio" name="mailOne" class="sender" value="sender" title="发件人" >
    <input type="radio" name="mailOne" class="unknown" value="unknown" title="未知">
</div>
 
方法一：jquery模拟点击事件
 
$('.sender').click()
 
方法二：设置选中，更新表单渲染
 
$('.sender').prop('checked', true)
layui.form.render()

一、控制radio选中
 
HTML：
 
<div class="gender">
	<input type="radio" name="gender" value="男" title="男" checked id="gender1">
	<input type="radio" name="gender" value="女" title="女" id="gender2">							
</div>
 
JS：
 
//->性别
if (obj.gender == "男") {
	//->选中第一个
	$('#gender1').attr("checked", "checked");
	$('#gender2').removeAttr("checked");
} else {
	$('#gender1').removeAttr("checked");
	$('#gender2').attr("checked", "checked");
}

经常会遇到js控制radio选中和切换的问题
 
之前一直使用的是checked属性来完成的
 
但是现在发现这个属性有个大问题
 
今天就是用js给选中radio的赋值，使用的$().attr("checked",true);
 
当切换的时候，把name相同的radio的attr("checked",false)，再把要选中的radio.attr("checked",true)；
 
但是问题来了，每个radio只能被赋值一次，当第二次给他赋值的时候，赋不上值
 
后来发现，checkbox在这种情况下会出现一样的问题
 
于是仔细查了一下这个属性发现了问题
 
w3cshool上关于这个属性的介绍
 
 
可以看到，关键点在于被预先选定的input元素
 
也就是说这个属性原来就是打算页面加载的时候为了让radio有一个默认的值而增加的一个属性，这样有了这个属性的input在页面加载的时候就是选定的
 
所以当要切换input的时候，这个属性显然就不太合适了
 
 
 
所以在使用js对radio进行赋值切换的时候，推荐大家使用
 
1.$().prop("checked",true)
 
使用prop方法并搭配checked属性实现js点击radio
 
prop方法适用于set和get值为true/false的属性的方法如checked selected readyonly
 
而且不需要对未点击的radio做处理 很方便
 
2.$().click()
 
这个方法就比较干脆，直接出发点击事件，不会出现问题
 
这两个方法效果上一样

一、设置选中方法
 $("input[name='名字']").get(0).checked=true; 
 $("input[name='名字']").attr('checked','true');
 $("input[name='名字']:eq(0)").attr("checked",'checked'); 
 $("input[name='radio_name'][checked]").val();  //获取被选中Radio的Value值
 二、设置选中和不选中示例
 <input type="radio" value="0" name="jizai" id="0"/>否
 <input type="radio" value="1" name="jizai"  id="1"/>是
 #jquery中，radio的选中与否是这么设置的。
 $("#rdo1").attr("checked","checked");
 $("#rdo1").removeAttr("checked");
 通过name
 $("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');
 $("input:radio[name="analyshowtype"]").attr("checked",false);
 通过id
 $("#tradeType0").attr("checked","checked");
 $("#tradeType1").attr("checked",false);
 三、另一种设置选中方法
 <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>/>女
 四、根据值设置radio选中
 $("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true);  //根据Value值设置Radio为选中状态
 五、使用prop方法操作示例
 $('input').removeAttr('checked'); 
 $($('#'+id+'input').eq(0)).prop('checked',false);
 $($('#'+id+' input').eq(0)).prop('checked',true);