Christian : radio button leiste mit textfeld

Beitrag lesen

Hallo.

<input type="radio" name="Modification" value="Free Acid" checked> Free Acid<br>
<input type="radio" name="Modification" value="Amide"> Amide<br>
<input type="radio" name="Modification" value="Other"> Other: <input type="text" name="OtherModification" size="15">

wenn ich jetzt in das textfeld des letzten radio-button (other) klicke, wird dieser nicht markiert !!
und dies ist mein problem.

Natürlich nicht. Woher soll der Browser wissen, dass das input feld noch zum radiobutton gehört?
Die lösung ist einen onKeyup Bereich im Textfeld zu definieren, dass den Radiobutton auswählt.

z.B.
<input type="radio" id="radio1" name="Modification" value="Other"> Other: <input type="text" name="OtherModification" size="15" onKeyup="document.getElementsById('radio1').checked = true;">

Der Code ist nicht getestet, sollte aber funktionieren. Falls du ältere Browser berücksichtigen willst, die kein DOM können, musst du den radiobutton anders ansprechen. Dieser Code sollte aber mit den neueren Browsern funktionieren.

Grüsse,
  Christian

--
Erfahrung ist die Summe der Dummheiten, die man im Bedarfsfall wieder anwendet. (Dieter Hildebrand, Kabarettist)