Javascript Event Handler Tastaturergnisse
Geben Sie etwas in ein Textfeld ein und der dazugehörige Radiobutton wird aktiviert.
Script:
<script language="javascript" type="text/javascript">
function checkRadio(radioB){
document.getElementById(radioB).checked = true;
}
</script>
HTML Markup:
<form>
<p>
<input type="radio" name="farbe" id="x" value="x">
<label for="farbe">x </label>
<label for="xText">Text X:</label>
<input type="text" name="xText" id="xText" onKeyPress="checkRadio('x')" >
</p>
<p>
<input type="radio" name="farbe" id="y" value="y">
<label for="farbe">y</label>
<label for="yText">Text Y:</label>
<input type="text" name="yText" id="yText" onKeyPress="checkRadio('y')">
</p>
<p>
<input type="radio" name="farbe" id="z" value="z">
<label for="farbe">z </label>
<label for="zText">Text Z:</label>
<input type="text" name="zText" id="zText" onKeyPress="checkRadio('z')">
</p>
</form>
Erklärung:
Die Radiobuttons werden ganz normal erzeugt. Jeder Radiobutton bekommt eine id zugewiesen. Die dazugehörigen Textfelder bekommen einen onKeyPress() Event und rufen die Funktion checkRadio() auf. Dort übergeben Sie den id Wert des dazugehörigen Radiobuttons. In der Funktion checkRadio kann so der Radiobutton über diese übergebene id angesprochen werden und aktiviert werden. Das Aktivieren geschieht über die Wertzuweisung checked = true;
