一、利用获取选中值判断选中
直接上代码，别忘记引用JQuery包
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery radio</title>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
// 判断radio是否有选中，获取选中的值
$(function() {
$("#btnSubmit").click(function() {
var val = $('input:radio[name="sex"]:checked').val();
if(val == null) {
alert("什么也没选中!");
return false;
} else {
alert(val);
}
var list = $('input:radio[name="list"]:checked').val();
if(list == null) {
alert("请选中一个!");
return false;
} else {
alert(list);
}
});
});
</script>
</head>
<body>
<form id="form">
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit" id="btnSubmit" />
</form>
</body>
</html>效果图：
二、jquery获取radio单选按钮的值
代码如下：
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
alert("yes--选中的值为："+$(":radio:checked").val());
}
}三、设置单选按钮被选中
代码如下:
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项更多web前端知识，请查阅 HTML中文网 ！！
