<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form name="form1" οnsubmit="return foo();">
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="submit"/>
</form>
</body>
<script>
function foo() {
var radios =
document.getElementsByName("radioGroup");
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
var n = i + 1;
alert("第" + n + "个单选框被点击");
return false;
}
}
return false;
}
</script>
</html>
显示效果:
通过事件,对选中的的单选框提交,弹窗提示选中的第几个单选框
最新推荐文章于 2024-06-03 16:20:19 发布