---
name: Radio
title: 单选
category: 表单组件
owner: 常健驰
---

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

<script type="config">
    {
        data: {
            list: [
                {
                    name: 'USA',
                    value: '美国'
                },
                {
                    name: 'CHN',
                    value: '中国',
                    checked: true
                },
                {
                    name: 'BRA',
                    value: '巴西'
                },
                {
                    name: 'JPN',
                    value: '日本'
                },
                {
                    name: 'ENG',
                    value: '英国',
                    disabled: true
                },
                {
                    name: 'TUR',
                    value: '法国'
                }
            ]
        },
        components: {
            'view': 'components/View/View',
            'radio': 'components/Radio/Radio'
        }
    }
</script>
```
## API
### Props


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

### Slots



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