Füllen Sie text-Feld, wenn select-radio-Taste

Ich habe ein HTML-Formular, wo ich versuche ein Textfeld zur Anzeige bestimmter text, wenn ich wählen Sie einen der radio-buttons. So weit, ich habe es zu dem, wenn ich auf die Schaltfläche klicke, dann zeigt es den richtigen text in das Textfeld ein. Mein Ziel ist die Beseitigung der "Click" - Schaltfläche und das Textfeld zeigt den text sofort an, wenn ich wählen Sie einen radio-button. Wie kann ich das in Javascript?

Ich weiß, dass Textfeldern ein "OnKeyUp" - Veranstaltung, aber ich kann nicht scheinen, um herauszufinden, ob ein radio-button hat eine Art von ähnlichen Sache, die mir erlauben würde, zu bestimmen, wenn eine ausgewählt ist. Ich habe versucht, OnChange und OnFocus events, aber vielleicht mache ich es falsch, weil ich nicht bekommen kann diese zu arbeiten. Alle Vorschläge werden sehr geschätzt.

Dies ist, was ich habe, so weit:

<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>
InformationsquelleAutor e-beth | 2013-10-03
  1. 2

    Ändern Sie die folgenden zwei Zeilen code hinzufügen das onchange-Ereignis: 

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

    Wenn das nicht funktioniert, kann es Ihre browser. Dokument.getElementByID ist ein Objekt, mit Ausnahme von allen Browsern

    • Danke!!!! Ich war zu vergessen, die this im testResults(this.form)
    • Nur ein Hinweis auf das Verhalten in verschiedenen Browsern: Firefox, es funktioniert Super! In Internet Explorer, erfordert es einen Klick irgendwo außerhalb der radio-Taste, bevor die änderung erkannt wird.
    InformationsquelleAutor userDEV
Schreibe einen Kommentar