Case à cocher simple (regroupé)

Case à cocher simple (regroupé disabled)

Case à cocher simple (regroupé erreur)

Une sélection est obligatoire avec le formulaire checkbox



Case à cocher simple (non regroupé) cet élément est facultatif en mode non regroupé

Case à cocher simple (non regroupé disabled)

Case à cocher simple (non regroupé erreur)

Une sélection est obligatoire avec le formulaire checkbox

          

HTML


PUG

.form-group(role="group" aria-labelledby="group-checkbox-simple-0")
  p#group-checkbox-simple-0.field-label Case à cocher simple (regroupé)
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-1', checked)#checkbox-simple-input-1
      label(for='checkbox-simple-input-1') Case à cocher 1 
        a(href='#') avec un lien (ex pdf CGV)
    .item
      input(type='checkbox', name='checkbox-simple-input-2')#checkbox-simple-input-2
      label(for='checkbox-simple-input-2') Case à cocher 2
    .item
      input(type='checkbox', name='checkbox-simple-input-3')#checkbox-simple-input-3
      label(for='checkbox-simple-input-3') Case à cocher 3

.form-group(role="group" aria-labelledby="group-checkbox-simple-1-0")
  p#group-checkbox-simple-1-0.field-label Case à cocher simple (regroupé disabled)
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-1-1', checked, disabled)#checkbox-simple-input-1-1
      label(for='checkbox-simple-input-1-1') Case à cocher 1 
    .item
      input(type='checkbox', name='checkbox-simple-input-1-2', disabled)#checkbox-simple-input-1-2
      label(for='checkbox-simple-input-1-2') Case à cocher 2

.form-group.has-error(role="group" aria-labelledby="group-checkbox-simple-2-0" aria-describedby="group-checkbox-simple-error-1" tabindex="-1")
  p#group-checkbox-simple-2-0.field-label Case à cocher simple (regroupé erreur)
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-2-1')#checkbox-simple-input-2-1
      label(for='checkbox-simple-input-2-1') Case à cocher 1 
    .item
      input(type='checkbox', name='checkbox-simple-input-2-2')#checkbox-simple-input-2-2
      label(for='checkbox-simple-input-2-2') Case à cocher 2
  p#group-checkbox-simple-error-1.help-block Une sélection est obligatoire avec le formulaire checkbox

br/
br/

.form-group
  p.field-label Case à cocher simple (non regroupé) 
    small cet élément est facultatif en mode non regroupé
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-3-1')#checkbox-simple-input-3-1
      label(for='checkbox-simple-input-3-1') Case à cocher 

.form-group
  p.field-label Case à cocher simple (non regroupé disabled)
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-4-1', disabled)#checkbox-simple-input-4-1
      label(for='checkbox-simple-input-4-1') Case à cocher 

.form-group.has-error
  p.field-label Case à cocher simple (non regroupé erreur)
  .field-item.checkbox-simple
    .item
      input(type='checkbox', name='checkbox-simple-input-5-1', aria-invalid="true", aria-describedby="group-checkbox-simple-error-2")#checkbox-simple-input-5-1
      label(for='checkbox-simple-input-5-1') Case à cocher 
  p#group-checkbox-simple-error-2.help-block Une sélection est obligatoire avec le formulaire checkbox