Formulier met checkbox en radio buttons

Twee andere vaak gebruikte formulier elementen zijn de checkbox en radiobuttons.

De checkbox wordt gebruikt om datavelden van het type 'boolean' een waarde te geven.

Met radio buttons kan 1 van de aangeboden waarden worden gekozen. De radiobutton lijkt in dat opzicht op een keuzelijst. We zien dat ook terug in de json-form definitie. In de sectie 'jsonSchema' is de definitie gelijk aan die van een normale tekst-keuzelijst.

De presentatie van de lijst als radio-buttons wordt vastgelgd in het onderdeel 'uiSchema' .

{
  "jsonSchema": 
    
  {
  "type": "object",
  "title": "Leeg formulier",
  "description": "Formulier zonder invoervelden",
  "properties": {
   
    "zekerweten": {
      "enum": [
        "Ja",
        "Nee",
        "Weet niet"
      ],
      "type": "string",
      "description": "Zeker weten ?"
    },
       "vinkje": {
      "type": "boolean",
      "default": true,
      "title": "Gecontroleerd",
      "description": "Is het object gecontroleerd ? "
    }
  },
  "dependencies": {},
  "required": []
}  
    ,
    "uiSchema": {
  "zekerweten": {
    "ui:widget": "radio"
  },
  "ui:order": [
    "vinkje",
    "zekerweten"
  ]
}
}

In de sectie ‘uiSchema' is nu opgenomen dat het element ‘zekerweten’ wordt getoond als: ' "ui:widget": "radio"’.

In de sectie ‘uiSchema' is in dit geval ook de "ui:order" opgenomen om af te dwingen dat het element 'vinkje’ bovenaan op het form staat.