## Checkbox 多選框
### 該文檔不再維護,新版文檔地址: [form-create 文檔](http://fc.gd8.top)
#### [在線預覽](https://jsrun.net/JehKp/edit)
#### 舉例:
```js
{
type:"checkbox",
title:"標簽",
field:"label",
value:[
"1","2","3"
],
options:[
{value:"1",label:"好用",disabled:true},
{value:"2",label:"方便",disabled:false},
{value:"3",label:"實用",disabled:false},
{value:"4",label:"有效",disabled:false},
],
}
```
#### maker快速生成:
```js
$formCreate.maker.checkbox('標簽','label',["1","2","3"]).options([
{value:"1",label:"好用",disabled:true},
{value:"2",label:"方便",disabled:false},
{value:"3",label:"實用",disabled:false},
{value:"4",label:"有效",disabled:false},
])
```
#### json 生成規則
```json
{
type:"checkbox",//必填!
//label名稱
title:"標簽",//必填!
//字段名稱
field:"label",//必填!
//input值
value:[
"1","2","3"
],
//可選參數
options:[
{value:"1",label:"好用",disabled:true},
{value:"2",label:"方便",disabled:false},
{value:"3",label:"實用",disabled:false},
{value:"4",label:"有效",disabled:false},
],//必填!
props: {
//多選框組的尺寸，可選值為 large、small、default 或者不設置
"size":"default",
},
validate:[],
}
```
#### 參數說明
##### 基本規則 rule:
| **字段名** | **說明** | **字段類型** | **是否必填** | **默認值** |
| :--- | :--- | :--- | :--- | :--- |
| type | 元素類型 | String | true | - |
| field | 字段名稱 | String | true | - |
| title | 字段別名 | String | true | - |
| value | 字段值 | Array | false | - |
| options | 可選參數 | Array | true | - |
| props | 元素配置 | Object | false | - |
| event | 元素事件 | Object | false | - |
| validate | 驗證規則 | Array | false | - |
##### 可選參數 Options:
| **字段名** | **說明** | **字段類型** | **是否必填** | **默認值** |
| :--- | :--- | :--- | :--- | :--- |
| value | 參數值 | String,Number | true | - |
| label | 字段別名 | String | true | - |
| disabled | 設置為禁用狀態 | Boolean | false | false |
##### 元素配置 props:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| size | 多選框組的尺寸，可選值為 large、small、default 或者不設置 | String | false | - |
##### 事件擴展 event:
| 事件名稱 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| change | 只在單獨使用時有效。在選項狀態發生改變時觸發，通過修改外部的數據改變時不會觸發 | Function | false | - |
---
