1

ラジオ ボタンの 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