本文介绍了一个使用jQuery实现的功能，该功能用于检查HTML表单中的单选题是否已被正确填写。当用户点击提交按钮时，脚本会验证每个单选组是否至少有一个选项被选中，如果未完成则提示用户。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>判断单选是否被选中</title>
<script type="text/javascript" src="jquery-1.7.2.js" ></script>
<script type="text/javascript">
$(function(){
alert("有题目为空，请补充完整");
else
document.location.href="https://123.sogou.com/";
})
})
</script>
</head>
<body>
第一题：
<input type="radio" name="r1" value="radio1"/> 单选1
<input type="radio" name="r1" value="radio2"/> 单选2
<input type="radio" name="r1" value="radio3"/> 单选3
<br><br>
第二题：
<input type="radio" name="r2" value="radioa"/> 单选a
<input type="radio" name="r2" value="radiob"/> 单选b
<input type="radio" name="r2" value="radioc"/> 单选c
<br><br>
<input type="button" value="提交"/>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>判断单选是否被选中</title>
<script type="text/javascript" src="jquery-1.7.2.js" ></script>
<script type="text/javascript">
$(function(){
$(":button").click(function(){
//判断两个单选组被选中的值是否等于空
if($(":radio[name='r1']:checked").val()==null||$(":radio[name='r2']:checked").val()==null)alert("有题目为空，请补充完整");
else
document.location.href="https://123.sogou.com/";
})
})
</script>
</head>
<body>
第一题：
<input type="radio" name="r1" value="radio1"/> 单选1
<input type="radio" name="r1" value="radio2"/> 单选2
<input type="radio" name="r1" value="radio3"/> 单选3
<br><br>
第二题：
<input type="radio" name="r2" value="radioa"/> 单选a
<input type="radio" name="r2" value="radiob"/> 单选b
<input type="radio" name="r2" value="radioc"/> 单选c
<br><br>
<input type="button" value="提交"/>
</body>
</html>
扫一扫
7134
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
