Javascript getElementById（）适用于文本框，但不适用于单选按钮或下拉选择器[重复]

Question

好吧，在这件事上乱搞了好几天，阅读了无数的帮助页面之后，是时候寻求帮助了。这段代码没有问题。我在表单中输入的任何文本都将显示在弹出框中。好的

<script>
function yesorno1(){
	var form = document.getElementById('escalation');
	if(form.value != "")
		alert("You entered: " + form.value)
	else
		alert("There is some problem")		
}
</script>
<input type='text' id='escalation' />
<input type='button' onclick='yesorno1()' value='Submit' />

如果我将HTML从表单更改为单选按钮或下拉选择器，则弹出框将始终仅显示列表中第一个单选或第一个下拉选项的值。例如，在下面的代码中，第一个单选选项为“是”，第二个单选选项为“否”。无论我选择“是”还是“否”，弹出框始终显示“是”

<script>
function yesorno2(){
	var rad = document.getElementById('escalation2');
	if(rad.value != "")
		alert("You entered: " + rad.value)
	else
		alert("There is some problem")		
}
</script>

Is this an escalation?<br>
<input type='radio' id='escalation2' value='yes'> Yes<br>
<input type='radio' id='escalation2' value='no'> No<br><br>
<input type='button' onclick='yesorno2()' value='Submit' />

有没有人知道一种编码方法，这样无线电是会给弹出消息“是”，无线电否会给弹出消息否？

Answer 1

<script>
function yesorno2(){
	var rad = document.getElementById('theForm').elements['escalation2'];
	if(rad.value != "")
		alert("You entered: " + rad.value)
	else
		alert("There is some problem")		
}
</script>
<form id='theForm'>
Is this an escalation?<br>
<input type='radio' name='escalation2' value='yes'> Yes<br>
<input type='radio' name='escalation2' value='no'> No<br><br>
<input type='button' onclick='yesorno2()' value='Submit'>
</form>