# SwxCheckbox、SwxCheckboxGroup
>多选组件

### 引入

```js
import { SwxCheckbox,SwxCheckboxGroup } from '@sweetui/sweet-weex-ui'
```
由于`weex`不支持 `Vue.components`，在.vue中注册
```js
  export default {
    components: {
      SwxCheckbox,
      SwxCheckboxGroup
    },
  }
```
### 使用

checkbox单独使用
```vue
   <swx-checkbox class="clause-check" v-model="checkStatus"></swx-checkbox>
```
按组使用 swx-checkbox的值类型[Boolean,String,Number] swx-checkbox-group的值为Array
```vue
 <swx-checkbox-group v-model="form.checkStatus">
   <swx-checkbox :value="1233123">
      <text class="test-cc">美食/餐厅线上活动</text>
   </swx-checkbox>
   <swx-checkbox :value="4231213">
     <text class="test-cc">地推活动</text>
   </swx-checkbox>
   <swx-checkbox :value="2341241">
     <text class="test-cc">线下主题活动</text>
   </swx-checkbox>
   <swx-checkbox :value="5423121">
     <text class="test-cc">单纯品牌曝光</text>
  </swx-checkbox>
 </swx-checkbox-group>
```
### SwxCheckbox Props
| 参数          | 说明            | 类型            | 可选值                 | 默认值   |
|-------------  |---------------- |---------------- |---------------------- |-------- |
| v-model       | 值		  | [String,Boolean,Numerb]  | - | Boolean |
| disabled         | 是否禁用		  | Boolean  | - | false |

checkbox单独使用 <strong>v-model值只能是Boolean值</strong>

### SwxCheckbox Events
| 事件名称          | 说明            | 参数值 |
|-------------  |---------------- | ---- |
|onChange	  | change事件 | value值  |


### SwxCheckboxGroup Props
| 参数          | 说明            | 类型            | 可选值                 | 默认值   |
|-------------  |---------------- |---------------- |---------------------- |-------- |
| v-model       | 值		  | Array  | - | Boolean |
| inline         | 子元素是否行内		  | Boolean  | - | false |

### SwxCheckboxGroup Events
| 事件名称          | 说明            | 参数值 |
|-------------  |---------------- | ---- |
|onChange	  | change事件 | value值  |