Question

我正在通过＆＃34; Javascript在10个步骤中学习javascript＆＃34;书。在任务90中，任务是从链接中选择单选按钮，我完全按照书中的方式尝试了代码。有一个错误，＆＃34; TypeError：document.myForm.myRadio不是函数＆＃34;。我的代码如下：

<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;

演示：

＆＃13;

<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>

＆＃13;

Answer 2

您的代码是正确的，但请使用[]括号而不是()，如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
 <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>
</body>
</html>

FIDDLE DEMO

从链接中选择单选按钮

2 个答案: