Radio Buttons

[Philipp Lenz]

Hallo,

folgendes Problem:

Ich habe mehrere Listen die per Radio Buttons verknüpft sind, hier ein Bsp. mit zwei Listen:

<input type="radio" name="zusatz" value="1">Hauptpunkt 1
<br>
<input type="radio" name="zusatz_edv" value="1">Unterunkt 1<br>
<input type="radio" name="zusatz_edv" value="2">Unterunkt 2<br>
<input type="radio" name="zusatz_edv" value="3">Unterunkt 3<br>
......

<input type="radio" name="zusatz" value="1">Hauptpunkt 2
<br>
<input type="radio" name="zusatz_edv" value="1">Unterunkt 1<br>
<input type="radio" name="zusatz_edv" value="2">Unterunkt 2<br>
<input type="radio" name="zusatz_edv" value="3">Unterunkt 3<br>

-----

So, man kann ja jetzt nun zwischen Hauptpunkt 1 und den allen Unterpunkten hin und her wechseln, jedoch möchte ich, das wenn z. B. Hauptpunkt 1 aktiviert ist, das man dann auch nur zwischen den jeweiligen Unterpunkten wechseln kann. Die Unterpunkte können auch keinen anderen Namen bekommen, denn das ganze wird durch Datenbank Abfragen generiert und ausgegeben.

Sollte man von z.B. Hauptpunkt 1, wo mann auch Unterpunkt 2 ausgewählt hat, zu Hauptpunkt 2 wechseln, soll die selektion verloren gehen.

Kann mir jemand da in JS auf die Sprünge helfen?

Mfg

Philipp Lenz

[Patrick]

Hallo Philipp!

<input type="radio" name="zusatz" value="1">Hauptpunkt 1
<br>
<input type="radio" name="zusatz_edv" value="1">Unterunkt 1<br>
<input type="radio" name="zusatz_edv" value="2">Unterunkt 2<br>
<input type="radio" name="zusatz_edv" value="3">Unterunkt 3<br>
......

<input type="radio" name="zusatz" value="1">Hauptpunkt 2
<br>
<input type="radio" name="zusatz_edv" value="1">Unterunkt 1<br>
<input type="radio" name="zusatz_edv" value="2">Unterunkt 2<br>
<input type="radio" name="zusatz_edv" value="3">Unterunkt 3<br>

Solange Deine Radiobutton-Gruppen immer zu den gleichen Namen haben, wirst Du sie mittels JavaScript nicht (alle) ansprechen koennen. Du solltest zuerst jeder Gruppe einen anderen Namen vergeben, z.B.:

<input type="radio" name="zusatz1" value="1">Hauptpunkt 1
<br>
<input type="radio" name="zusatz1_edv" value="1">Unterpunkt 1<br>
<input type="radio" name="zusatz1_edv" value="2">Unterunkt 2<br>
<input type="radio" name="zusatz1_edv" value="3">Unterunkt 3<br>
......

<input type="radio" name="zusatz2" value="1">Hauptpunkt 2
<br>
<input type="radio" name="zusatz2_edv" value="1">Unterpunkt 1<br>
<input type="radio" name="zusatz2_edv" value="2">Unterpunkt 2<br>
<input type="radio" name="zusatz2_edv" value="3">Unterpunkt 3<br>

Dann kannst Du </selfhtml/tecbbd.htm> und  </selfhtml/tecbbda.htm>  besuchen und sehen, wie man Formularelemente in JavaScript anspricht. Wahrscheinlich wirst Du auch eine for-Schleife dazu brauchen: </selfhtml/tebh.htm#a2>.

Viel Spass beim Basteln.

Patrick