JQuery判断radio（单选框）是否选中和获取选中值方法总结
先给大家分享
JQuery判断radio单选框是否选中并获取值的方法
https://www.nhooo.com/article/154840.htm
一、利用获取选中值判断选中
直接上代码，别忘记引用JQuery包
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>JQueryradio</title>
<scripttype="text/javascript"language="javascript"src="JavaScript/jquery-1.6.1.min.js"></script>
<scripttype="text/javascript"language="javascript">
/*------判断radio是否有选中，获取选中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
varval=$('input:radio[name="sex"]:checked').val();
if(val==null){
alert("什么也没选中!");
returnfalse;
}
else{
alert(val);
}
varlist=$('input:radio[name="list"]:checked').val();
if(list==null){
alert("请选中一个!");
returnfalse;
}
else{
alert(list);
}
});
});
</script>
</head>
<body>
<formid="form1">
<inputtype="radio" name="sex"value="男"/>男
<inputtype="radio"name="sex"value="女"/>女
<br/>
<inputtype="radio" name="list"value="十分满意"/>十分满意
<inputtype="radio"name="list"value="满意"/>满意
<inputtype="radio"name="list"value="不满意"/>不满意
<inputtype="radio"name="list"value="非常差"/>非常差
<br/>
<inputtype="submit"value="submit" id="btnSubmit"/>
</form>
</body>
</html>
radio不能用“checked”相等来判断，只用用true来判断
<scripttype="text/javascript">
$(function(){
$("input").click(function(){
if($(this).attr("checked")){
alert("选中了");
}
});
});
</script>
</head>
<body>
<inputtype="radio"/>
</body>
</html>
二、使用checked属性判断选中
radio不能用“checked”相等来判断，只用用true来判断
<scripttype="text/javascript">
$(function(){
$("input").click(function(){
if($(this).attr("checked")){
alert("选中了");
}
});
});
</script>
</head>
<body>
<inputtype="radio"/>
</body>
</html>
三、jquery获取radio单选按钮的值
$("input[name='items']:checked").val();
另：判断radio是否选中并取得选中的值
如下所示：
functioncheckradio(){
varitem=$(":radio:checked");
varlen=item.length;
if(len>0){
alert("yes--选中的值为："+$(":radio:checked").val());
}
}
四、获取一组radio被选中项的值
varitem=$('input[name=items][checked]').val();
五、设置单选按钮被选中
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项