javascript - 从链接中选择单选按钮

Question

我正在从《Javascript in 10 Steps on less》一书中学习 javascript。在任务 90 中，任务是从链接中选择单选按钮，我按照书中的方式尝试了代码。出现错误“TypeError: document.myForm.myRadio is not a function”。 我的代码如下:

<script language="JavaScript">
function selectButton(button) {
    document.myForm.myRadio(button).checked = true;
}
</script>
<form name="myForm">
    <input type="radio" name="myRadio" value="First Button" /> Button 1<br>
    <input type="radio" name="myRadio" value="Second Button" /> Button 2
</form>
<a href="#" onClick="selectButton(0);">Select First Radio Button</a><br>
<a href="#" onClick="selectButton(1);">Select Second Radio Button</a>

我自己没有发现代码中有错误。谁帮我指出错误。

Answer 1

那里:

function selectButton(button)...

您将按钮作为参数传递给函数selectButton。在这种情况下使用 () 是正确的。

但是有:

document.myForm.myRadio(button).checked = true;

myRadio 是按钮数组。使用 [] 语法访问数组中的索引。

应该是这样

document.myForm.myRadio[button].checked = true;

演示:

<script language="JavaScript">
   function selectButton(button) {
      document.myForm.myRadio[button].checked = true;
   }
</script>

<form name="myForm">
<input type="radio" name="myRadio"
value="First Button"> Button 1<br>
<input type="radio" name="myRadio"
value="Second Button"> Button 2
</form>
<a href="#" onClick="selectButton(0);">Select First
Radio Button</a><br>
<a href="#" onClick="selectButton(1);">Select Second

Radio Button</a>