jquery怎么判断单选(radio)按钮是否选中 ?

jquery怎么判断单选(radio)按钮是否选中 ?下面本篇文章讲解了利用获取选中值判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,,需要的朋友可以参考下。

一、利用获取选中值判断选中

直接上代码,别忘记引用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>

效果图:

3.png

1.png

2.png

二、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中文网 !!

以上就是jquery怎么判断单选(radio)按钮是否选中 ?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏