1

我有一个 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>
4

1 回答 1

2

更改以下两行代码添加 onchange 事件：

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

如果这不起作用，则可能是您的浏览器。document.getElementByID 是一个对象，除了所有浏览器

于 2013-10-03T13:51:15.503 回答