default

Group checkboxes - Default
Group checkboxes - Default

required

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

Group checkboxes - Required
Group checkboxes - Required

invalid

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

Group checkboxes - Invalid
Group checkboxes - Invalid

Maak een keuze

valid

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

Group checkboxes - Valid
Group checkboxes - Valid

Selecteer alle even getallen

Disabled

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

Group checkboxes - Disabled
Group checkboxes - Disabled

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.

Group checkboxes - Default
Group checkboxes - Default

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.