从链接中选择单选按钮
[英]Selecting Radio Buttons from Links
问题描述
我正在从“少花10个步骤的Javascript”一书中学习javascript。 在任务90（该任务正在从链接中选择单选按钮）上，我尝试了完全与本书中的代码相同的方法。 出现“ TypeError： 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>
我本人认为代码中没有错误。 任何人都可以帮助我指出错误。
2 个解决方案
解决方案1
1 已采纳 2014-12-30 07:30:36
那里：
function selectButton(button)...
您正在将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>
解决方案2
0 2014-12-30 08:03:11
您的代码是正确的，但是使用[]括号而不是()例如：
<!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>
选择两个单选按钮
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.