UL-Liste mit Radio Buttons und sich änderndem Hintergrund

gulo92

Mitglied
Hallo,

ich habe eine Liste im Stil von

HTML:
<ul>
<li>Element 1 <input type="radio" id="1.1" name="1" ></li>
<li>Element 2 <input type="radio" id="1.2" name="2" ></li>
<li>Element 3 <input type="radio" id="1.3" name="3" ></li>
</ul>

Ich würde es gern so mit JS realisieren, dass onmouseover und onmouseout der Hintergrund geändert wird (auf grau und wieder zurück auf weiß). Das war soweit auch kein Problem. Allerdings soll der Hintergrund, sobald ein Radio-Button ausgewählt wurde festgesetzt auch dem neuen Hintergrund (grau) bleiben. Also ein onclick Befehl zur Änderung des Hintergrunds. Das Problem war nun aber, dass sich onmouseout der Hintergrund wieder zurückgesetzt hat obwohl das Radio-Button-Feld ausgewählt war..

Freue mich über einen Ansatz oder am besten ein kleines Codeschnipsel ..

Danke :)
 

Neue Beiträge

Zurück