> For the complete documentation index, see [llms.txt](https://saba-framework.gitbook.io/saba-framework-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://saba-framework.gitbook.io/saba-framework-documentation/examples/dynamic-form/input-type/checkbox-multi-selection.md).

# Checkbox Multi Selection

Checkbox with multi selecti

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web, terkhususkan untuk dynamic-form. Tipe data dalam hal ini yaitu "checkbox-multiselect", pengguna bisa memilih beberapa kondisi dengan melakukan checklist pada box label yang disediakan. Contoh dalam beberapa field pada form berikut : 

<figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FGji2SklcipxwDok2gjKs%2Fimage.png?alt=media&amp;token=ff77e63c-5dcf-4b35-9cd1-b142513da89f" alt=""><figcaption></figcaption></figure>

```json
"dynamicForm": [
        {
          "fieldName": "penyakitKeluarga",
          "fieldLabel": "Riwayat Penyakit Keluarga",
          "size": 12,
          "type": "checkbox-multiselect",
          "tooltip": "Widget Access will showing on Main Dashboard. This setting can be different for each role.",
          "dataFrom": {
            "value": [
              {
                "label": "Asma",
                "value": 1
              },
              {
                "label": "Alergi",
                "value": 2
              },
              {
                "label": "Pilek",
                "value": 3
              }
            ]
          }
        },
        {
          "fieldName": "Jtrans",
          "fieldLabel": "Jenis Transaksi",
          "size": 12,
          "type": "checkbox-multiselect",
          "dataFrom": {
            "api": "https://sdfipskodokapi.co.id/jstrans",
            "resp_key": "data",
            "field_label": "nama",
            "field_value": "id",
            "field_label_separator": " | "
          }
        }
      ]
```

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeQpqj8gMg48RkdTX2lQJ38rJ0ZzyeAvWgJ_AYvFZY0Gks-IKlshXTzfF1RRG68p3ByM_1RX-uCCEJYTBQWZ367kqcfQf_U370Zc8u1ML8Sr344tDLZUXZDCgjKMfVJZhHGyOHnneLevpfq7jw04yveKMMu?key=6ee0da6hpiCeFO7AiPmzog" alt=""><figcaption></figcaption></figure>