default

Maak een keuze

Verplicht

Een verplichte keuze wordt in de markup aangegeven met .dso-required op de .form-group.dso-checkboxes

Checkboxes hebben (net zoals radio's) een fieldset.form-group als root element, geen div.form-group

Maak een keuze

Ongeldig

Indien een checkbox groep ongeldig is, dient er .dso-invalid op de .form-group.dso-checkboxes geplaatst te worden

Maak een keuze

Maak een keuze.

Geldig

Een ongeldige checkbox-group welke geldig is gemaakt, dient de .dso-invalid class vervangen te worden door .dso-valid

Maak een keuze

Selecteer alle even getallen

Disabled

Alle input[type="checkbox"] moeten een disabled attribuut krijgen.

Maak een keuze

Infobutton

Een checkbox fieldset kan op twee plekken een info button krijgen. Naast de de vraag en per optie. Als een toelichting is opengeklapt moet er .dso-open op de toelichting button geplaatst worden.

Maak een keuze

Toelichting bij vraag: "Maak een keuze"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non metus dolor. Pellentesque velit arcu, pellentesque at lacus sit amet, porta semper est. Praesent mollis lorem lorem, non varius nisl lacinia et. Integer quis sollicitudin arcu. Nullam lacinia non ipsum sit amet varius. Praesent consequat ligula id tortor elementum pretium. Integer ligula justo, volutpat sed tellus eu, faucibus fringilla lectus.

Toelichting bij antwoord: "twee"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non metus dolor. Pellentesque velit arcu, pellentesque at lacus sit amet, porta semper est. Praesent mollis lorem lorem, non varius nisl lacinia et. Integer quis sollicitudin arcu. Nullam lacinia non ipsum sit amet varius. Praesent consequat ligula id tortor elementum pretium. Integer ligula justo, volutpat sed tellus eu, faucibus fringilla lectus.

Toelichting bij vraag: "Maak een keuze" - BINNENKORT DEPRECATED

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non metus dolor. Pellentesque velit arcu, pellentesque at lacus sit amet, porta semper est. Praesent mollis lorem lorem, non varius nisl lacinia et. Integer quis sollicitudin arcu. Nullam lacinia non ipsum sit amet varius. Praesent consequat ligula id tortor elementum pretium. Integer ligula justo, volutpat sed tellus eu, faucibus fringilla lectus.