Auswahlfeld1

Auswahlfeld2

Auswahlfeld3

 

Das Formular besteht aus drei Radio-Buttons und einem Textfeld. Der Mausklick auf einen Button ruft die Funktion "welcher()" auf. Diese ermittelt in einer for-Schleife den gewählten Button ("checked=true") und setzt den Eintrag in "value" in das Textfeld ein.

<HTML>

<HEAD>

<TITLE>Formular mit Radio-Buttons</TITLE>

<SCRIPT language=JavaScript><!--

function welcher() {

for (var i=0;i<document.myForm.length;i++)

if (document.myForm.elements[i].checked==true) document.myForm.myField.value=document.myForm.elements[i].value

}

--></SCRIPT>

</HEAD>

<BODY>

<FORM name=form>

<INPUT TYPE=radio NAME=myRadio VALUE=Feld1 CHECKED onclick="welcher()">Auswahlfeld1

<P><INPUT TYPE=radio NAME=myRadio VALUE=Feld2 onclick="welcher()">Auswahlfeld2

<P><INPUT TYPE=radio NAME=myRadio VALUE=Feld3 onclick="welcher()">Auswahlfeld3

<P><INPUT TYPE=text NAME=myField VALUE="Feld1" SIZE=30>

</FORM>

</BODY>

</HTML>

Hinweis zum Formular:

Damit mehrere Radio Buttons eine Gruppe bilden, von denen immer nur einer eingeschaltet ("checked") ist, müssen die Namen der Radio Buttons gleich sein.

 

Erläuterungen zum Script:

1) Alle Formularelemente werden in einer Liste verwaltet:

document.myForm.elements[]

2) Der Zugriff auf die Listeneinträge (also auf die Formularelemente) erfolgt über den Index i (beginnend mit dem Wert 0).

Beispiel:
document.myForm.elements[2] ist das 3. Element des Formulars.

3) Die Länge dieser Liste (d.h. die Anzahl der Formularelemente) steht in der Variablen

document.myForm.length

In dem Formular oben hat document.myForm.length den Wert 4

4) Ist ein Radio Button eingeschaltet, hat document.myForm.elements[i].checked den Wert true , andernfalls den Wert false.

5) In einer if-Abfrage muss ein doppeltes Gleichheitszeichen stehen:

if (document.myForm.elements[i].checked==true)

Letzte Änderung: