WEB开发技能树-JavaScript-获取表单单选按钮的值

深度安全实验室

于 2022-11-21 10:53:08 发布

阅读量533

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB开发文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/pwp032984/article/details/127959986

WEB开发专栏收录该内容

81 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取HTML表单中被选中的Radio按钮值的方法，并通过一个具体的示例展示了如何实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 需求

2 语法

3 示例

<!DOCTYPE>
<html>
	<head>
		<meta charset="UTF-8" />
		<title></title>
	</head>
	<script>
		function check() {
			var gender = document.getElementsByName("gender");
			for (i = 0; i < gender.length; i++) {
				if (gender[i].checked) {
					alert(gender[i].value);
				}
			}
		}
	</script>
	<body>
		<form>
			<input type="radio" name="gender" value="male" />男
			<input type="radio" name="gender" value="female" />女<br />
			<button type="button" onclick="check()">提交</button>
		</form>
	</body>
</html>
</!DOCTYPE>