Vivienne: Klick auf radio Button Feld ein/ausblenden

Beitrag lesen

Hallo Jürgen,

Du kannst den Inputs einen Eventhandler z.B. für onchange geben, der die Displayeigenschaft des Preis-Inputs ändert.

meinst du es vielleicht so?

<form method="post" action="">
  
  <input type="radio" name="lebensmittel" id="birnen" value="Birnen">
  <label for="birnen">Birnen</label>

  <input type="radio" name="lebensmittel" id="kirschen" value="Kirschen">
  <label for="kirschen">Kirschen</label>

  <input type="radio" name="lebensmittel" id="kivi" value="Kivi">
  <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>
  
  <br><br>

  <input type="text" name="lebensmittel" id="eigeneFrucht_eingabe">
  
  <br><br>
  <button type="submit" name="weiter">Alles richtig?</button>

</form>

Wird aber alles sehr unübersichtlich irgendwann, zum Schluss sind es 32 Felder, jeweils die Frucht + der dazugehöriger Preis.

PS: Die <br> fliegen vielleicht wieder raus, ich muss etwas Abstand rein bringen.