從鏈接中選擇單選按鈕
[英]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.