javascript之使用jquery框架如何检测radio(单选框)是否选中或获取radio选中值呢?


摘要:
下文讲述使用jquery框架检测radio单选项是否被选中的方法分享,如下所示;


1.根据标签name设置指定项的radio处于选中状态

$("input[name='控件名']").get(0).checked=true;
$("input[name='控件名']").attr('checked','true');
$("input[name='控件名']:eq(0)").attr("checked",'checked');

//根据标签名获取选中radio处的value值
$("input[name='控件名'][checked]").val(); 
 


2.根据标签id设置radio选中和非选中状态
 
<input type="radio" value="maomao1" name="radTest" id="a" /> 
<input type="radio" value="maomao2" name="radTest"  id="b" /> 
 
//选中
$("#a").attr("checked","checked");

//非选中
$("#b").removeAttr("checked");

//通过id设置选中非选中方式2
$("#a").attr("checked","checked");
$("#b").attr("checked",false);
 
//通过name设置选中和非选中
$("input:radio[name="radTest"]").eq(0).attr("checked",'checked');
$("input:radio[name="radTest"]").attr("checked",false);
 

 

//3.根据value值设置radio处于选中状态
 
$("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true); 

 
4.使用prop方法获取radio标签是否被选中

//当指定项未选中,则返回true  
$($('#'+id+'input').eq(0)).prop('checked',false);

//当指定项目选中,则返回true
$($('#'+id+' input').eq(0)).prop('checked',true);
 


5.使用jquery循环判断radio值

$('input:radio:checked').each(function(){
     console.log($(this).val());  // 选中框中的值
});