checkboxen strukturieren
Johannes Schmidt
- javascript
Hi!
Konnte leider über die Suche keine richtige Lösung für mein Problem finden daher versuche ich es mal hier. (ich hoffe mal, dass ich nicht einfach nur die falschen Suchbegriffe verwendet habe).
Ich habe eine php Seite welche eine sehr lange Liste mit Checkboxen öffnet. (ca. 100 Einträge). Die Checkboxen sind von mir in bestimmt Themen unterzeilt. Sieht zB. so aus:
Thema1
Ich würde nun gerne vor die Themen (1,2,...) eine Checkbox setzten mit der man alle darunter liegenden Checkboxen aktivieren bzw. deaktivieren kann. Zudem wäre ein zweiter Button ganz schön, der dafür sorgt, dass die ganzen Unterpunkte zu einem Thema ausgeblendet werden.
z. B.:
Kann man das mit js umsetzten (oder gibt es dafür noch andere Ansätze?).
Für ein paar Tipps zu dem Thema wäre ich euch sehr dankbar! (habe noch sehr wenig Erfahrung mit js. Ich Programmiere pirmär in php und mysql...)
Vielen Dank
Johannes
Kann man das mit js umsetzten (oder gibt es dafür noch andere Ansätze?).
Ja, kann man. Gucke nach Event-Handlern (die Überschriften werden wohl Links sein), schau Dir die window.forms.elements an (beachte, das Checkboxen wie eine Collection/Array zugänglich sind, wenn sie den gleichen Namen haben), und schau Dir die Möglichkeiten des style-Objekts an (z.B. display). Beachte, daß in bestimmten Fällen Werte nicht zwingend übertragen werden (z.B. Formularelemente, die disabled sind).
Alternativ realisiert Du es serverseitig.
Hi!
z. B.:
- Thema1
- Thema2
- Checkbox1
- Checkbox2
- Thema3
Zieh eine Tabelle herum:
<table><tr><td><div>checkbox1</div></td><td><div>checkbox2</div></td></table>
Jetzt jeden div eine ID und style=display:inline oder style=display:none und mit javascript alle wegblenden und jenes einblenden welches angeklickt wurde