提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JQuery 判断radio是否有选中，获取选中的值demo示例（整理）

jQuery 获取 示例 判断 是否 整理 Demo 选中
2023-09-14 09:04:05 时间 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery 判断radio是否有选中，获取选中的值</title>
<script src="http://libs.baidu.com/jquery/1.11.3/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>
	<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>

在这里插入图片描述

相关文章