checkboxgroep

Een checkboxgroep is een gebruikersinterfacecomponent die bestaat uit meerdere selectievakjes die gezamenlijk worden gepresenteerd onder een gemeenschappelijke label of container. Gebruikers kunnen meerdere opties tegelijk selecteren, in tegenstelling tot een radioset waarin slechts één optie gekozen kan worden.

De structuur van een checkboxgroep omvat meestal individuele checkboxen die elk een waarde vertegenwoordigen en een gemeenschappelijke naam als groep. In HTML wordt dit vaak gerealiseerd met een fieldset en legend voor semantische duidelijkheid, waarbij elk vakje een input type="checkbox" heeft en een label. Bij formulierverzending sturen de geselecteerde waarden meestal samen als een lijst onder dezelfde naam.

Gebruikelijk dat een checkboxgroep wordt gekoppeld aan een gegevensstructuur zoals een array met de geselecteerde opties. In frameworks wordt de groep vaak gebonden aan een variabele die alle gekozen waarden bevat, en veranderingen worden live bijgewerkt in de UI en in het model.

Toegankelijkheid is belangrijk: zorg voor een duidelijke label via fieldset/legend, en koppel elk vakje aan een afzonderlijk label zodat toetsenbordbediening en schermlezers de opties correct herkennen. Het is nuttig om visuele en tekstuele duidelijke feedback te geven over geselecteerde opties en eventuele foutmeldingen.

Toepassingen omvatten voorkeuren, filters, enquêtes en formulierinvoer waar meerdere opties tegelijk relevant zijn. Een checkboxgroep kan extra functionaliteit bevatten zoals een “alles selecteren” of “heet alle opties” controle, en soms een indeterminate-status bij een mastercontrole. Voor validatie geldt vaak dat er geen standaard HTML-regel verplichting afdwingt; bij voorkeur wordt er aantekening gemaakt via aangepaste validatie als ten minste één optie vereist is.