Vivienne: Erledigt: Klick auf radio Button Feld ein/ausblenden

Beitrag lesen

Hallo,

so funktioniert es in allen relevanten Browsern, die wir hier auf unserem System haben

<form method="post" action="">
  
  <input type="radio" 
  	 name="lebensmittel" 
         id="birnen" 
         value="Birnen" 
         onclick="document.getElementById('eigeneFrucht_eingabe').style.display='none';">
  
  <label for="birnen">Birnen</label>

  <input type="radio" 
  	 name="lebensmittel" 
         id="kirschen" 
         value="Kirschen" 
         onclick="document.getElementById('eigeneFrucht_eingabe').style.display='none';">
  
  <label for="kirschen">Kirschen</label>

  
  <input type="radio" 
  	 name="lebensmittel" 
         id="kivi" 
         value="Kivi" 
         onclick="document.getElementById('eigeneFrucht_eingabe').style.display='none';">
  
  <label for="kivi">Kivi</label>

  <input type="radio" 
  	 name="lebensmittel" 
         id="eigeneFrucht" 
         value="eigeneFrucht" 
         onclick="document.getElementById('eigeneFrucht_eingabe').style.display='inline';">
  
  <label for="eigeneFrucht">eigene Frucht</label>
  
  <input type="text" name="lebensmittel" id="eigeneFrucht_eingabe">
  
  <button type="submit" name="weiter">Alles richtig?</button>

</form>

Ich finde es zwar alles sehr unübersichtlich.