从链接中选择单选按钮

Selecting Radio Buttons from Links

本文关键字：单选按钮 选择 链接      更新时间：2023-09-26

我正在从"Javascript in 10 Steps on less"一书中学习javascript。在任务 90 上，任务是从链接中选择单选按钮，我完全按照书中的代码尝试了代码。存在"类型错误：document.myForm.myRadio不是函数"的错误。我的代码如下：

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

我自己在代码中没有看到错误。任何人都可以帮我指出错误。

那里：

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>

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

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

小提琴演示

相关文章：