[JavaScript] Radiobuttons - "Inhalt wechseln"

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Dayjay, 5. November 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 5. November 2009
    Radiobuttons - "Inhalt wechseln"

    Hallo,

    ich muss derzeit eine Sache in Javascript lösen, allerdings sind meine Javascript Kenntnisse sehr bescheiden daher bräuchte ich mal Hilfe.

    Ganz einfache Sache:
    Ich habe 2 Radiobuttons:

    HTML:
    <input type="radio" name="Firma" value="Mueller"> Baecker Mueller<br>
<input type="radio" name="Firma" value="Heinz">Fleischer Heinz<br>
    Wenn Mueller ausgewählt ist soll er folgendes "anzeigen", bzw. beim betätigen von submit ausführen:
    HTML:
    <input type="hidden" name="Firma" value="Mueller"><input type="hidden" name="Nummer" value="123">
    und wenn Heinz ausgewählt ist:
    HTML:
    <input type="hidden" name="Firma" value="Heinz"><input type="hidden" name="Nummer" value="456">
    Wie kann ich das lösen?
     
  3. 5. November 2009
    AW: Radiobuttons - "Inhalt wechseln"

    du vergibst den hidden eine id und kannst dann per js diese beeinflussen.
    sieht dann so aus:

    HTML:
    <script type="text/javascript">
function setHidden (val1, val2){
 document.getElementById("hidden1").value = val1;
 document.getElementById("hidden2").value = val2;
}
</script>
<form action="" onsubmit="alert('hidden1: '+document.getElementById('hidden1').value+' // hidden2: '+document.getElementById('hidden2').value)">
 <input type="radio" name="Firma" value="Mueller" onclick="setHidden ('Mueller', '123')" /> Baecker Mueller<br>
 <input type="radio" name="Firma" value="Heinz" onclick="setHidden ('Heinz', '456')" />Fleischer Heinz<br>
 <input type="hidden" name="Firma" value="" id="hidden1" />
 <input type="hidden" name="Nummer" value="" id="hidden2" />
 <input type="submit" name="send" value="senden" />
</form>
     
  4. 5. November 2009
    AW: Radiobuttons - "Inhalt wechseln"

    Danke. Funktioniert.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.