---
name: Checkbox
title: 复选框
category: 表单组件
owner: 常健驰
---

```atom 基础示例
<template>
    <view class="wrap">
        <checkbox
            a-for="(item, index) in list"
            :value="item.value"
            :checked="item.checked"
            :disabled="item.disabled"
            :key="index"
        >
            {{ item.value }}
        </checkbox>
    </view>
</template>

<script type="config">
    {
        data: {
            list: [
                {
                    value: 'China',
                    text: '中国'
                },
                {
                    value: 'US',
                    text: '美国'
                },
                {
                    value: 'Britain',
                    text: '英国',
                    checked: true
                },
                {
                    value: 'Japan',
                    text: '日本',
                    disabled: true
                }
            ]
        },
        components: {
            'view': 'components/View/View',
            'checkbox': 'components/Checkbox/Checkbox'
        }
    }
</script>
```
## API
### Props


名称 | 类型 | 默认值 | 是否必选 | 描述 | 其他
--- | --- | --- | --- | --- | ----
name | string |  | 可选 | 表单元素名称 | -
value | string |  | 可选 | 复选框后面显示的文案 | -
checked | boolean | false | 可选 | 是否选中，true为选中 | -
disabled | boolean | false | 可选 | 是否禁用当前复选框&nbsp;true为禁用 | -
color | string | #3c76ff | 可选 | 选中后的颜色 | -

### Slots



名称 | 描述
--- | ---
default | -