• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

jquery 搞代码 4年前 (2021-12-27) 31次浏览 已收录 0个评论

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<i style="color:transparent">来源gaodai$ma#com搞$代*码网</i>"></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前端知识,请查阅 搞代码网 !!

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


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jquery怎么判断单选(radio)按钮是否选中 ?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

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