您可以使用 document.getElementsByName
(<button_name>)
或 document.getElementsByTagName("input")
获取输入元素数组。循环遍历这些元素以检查哪个是 checked
。
下面是如何从一组名为“selected”的单选按钮中获取选中按钮的值的示例:
<html>
<head>
<script type="text/javascript">
function get_radio_value() {
var inputs = document.getElementsByName("selected");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].checked) {
return inputs[i].value;
}
}
}
function onSubmit() {
var id = get_radio_value();
alert("selected input is: " + id);
}
</script>
</head>
<body>
<form onsubmit="onSubmit();">
<input name="selected" value="1" type="radio"/>1<br/>
<input name="selected" value="2" type="radio"/>2<br/>
<input name="selected" value="3" type="radio"/>3<br/>
<input type="submit" value="submit"/>
</form>
</body>
</html>
我选择让所需功能的代码数量。下面给出了对我有用的 api.jquery.com。希望这对其他人有帮助。
HTML
<input type="radio" name="option" value="o1">option1</input>
<input type="radio" name="option" value="o2">option2</input>
JavaScript
var selectedOption = $("input:radio[name=option]:checked").val()
变量 selectedOption 将包含所选单选按钮的值(即 o1 或 o2)