選擇單選按鈕時填充文本字段

Question

我有一個HTML表單，當我選擇一個單選按鈕時，我試圖在其中獲取一個文本字段來顯示某些文本。 到目前為止，如果單擊按鈕，它將顯示在文本字段中的正確文本。 我的目標是消除“單擊”按鈕，並在選擇單選按鈕時使文本字段立即顯示文本。 如何使用Javascript執行此操作？

我知道文本字段有一個'OnKeyUp'事件，但是我似乎無法弄清楚單選按鈕是否具有某種類似的功能，可以讓我確定何時選擇一個。 我嘗試了OnChange和OnFocus事件，但是也許我做錯了，因為我無法使它們正常工作。 任何和所有建議都非常感謝。

這是我到目前為止的內容：

<HTML>
  <HEAD>
    <TITLE>Test Input</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
      function testResults (form) {
      var TestVar1 = form.input[0].checked;
      var TestVar2 = form.input[1].checked;
        if (TestVar1 == true) {
          form.textbox.value = "red";
        } else if (TestVar2 == true){
          form.textbox.value = "blue";
        } else if (TestVar1 == false && TestVar2 == false) {
          form.textbox.value = "";
        }
      }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">Choose a Color: <BR>
  <INPUT TYPE="radio" NAME="input" VALUE="red">red<P>
  <INPUT TYPE="radio" NAME="input" VALUE="blue">blue<P>
  <INPUT TYPE="button" NAME="button" VALUE="Click" onClick="testResults(this.form)">
  <P>Selected:</P> <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE=""></div><p>

</FORM>
</BODY>
</HTML>

Answer 1

更改以下兩行代碼，以添加onchange事件：

TYPE="radio" NAME="input" VALUE="red"  onchange="testResults(this.form)
TYPE="radio" NAME="input" VALUE="blue" onchange="testResults(this.form)

如果這不起作用，則可能是您的瀏覽器。 document.getElementByID是所有瀏覽器以外的對象

選擇單選按鈕時填充文本字段

問題描述

1 個解決方案

解決方案1
2 已采納 2013-10-03 13:51:15

選擇單選按鈕時填充文本字段

問題描述

1 個解決方案

解決方案1 2 已采納 2013-10-03 13:51:15

解決方案1
2 已采納 2013-10-03 13:51:15