Wirkungsbereich von input und id

[Gunnar Bittersmann]

@@BlackHell

D.h. ich kann also eine id zwar vergeben, diese lässt sich aber nicht von überall her ansprechen sondern nur in ihren zuständigen Elementen.
Das dürfte also daraus hinauslaufen, dass ich meine divs für Thumbnails und die eigentlichen Bilder so nicht verwenden kann.

Du hast zwei Kopplungen: Radiobutton mit zugenörigem Bild und Label mit jeweils zugehörigem Radiobutton.

Die Kopplung Radiobutton–Bild geschieht mit CSS-Selektoren, da bist du also darauf angewiesen, dass Radiobuttons und Bilder im DOM so stehen, dass CSS-Selektoren wirken können. Dazu muss der Radiobutton ein vorangehendes Geschwisternelement des Bildes oder eines Vorfahrens davon sein.

Die Kopplung Label–Radiobutton geschieht bei dir darüber, dass das input-Element innerhalb des label-Elements steht. Muss man aber nicht so machen; das label-Element kann ein for-Attribut haben, was sich auf die ID des zugehörigen Eingabefeldes bezieht. Dann können label und input getrennt voneinander irgendwo im DOM stehen. Das kannst du dir zunutze machen.

LLAP 🖖