摘要:
下文讲述使用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选中和非选中状态
//选中
$("#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()); // 选中框中的值
});