Radio 单选框

单选框组件

使用指南

在 Taro 文件中引入组件

:::demo

1. import { AtRadio } from 'taro-ui'

:::

一般用法

:::demo

1. <AtRadio
2. options={[
3. { label: '单选项一', value: 'option1', desc: '单选项描述' },
4. { label: '单选项二', value: 'option2' },
5. { label: '单选项三禁用', value: 'option3', desc: '单选项描述', disabled: true }
6. ]}
7. value={this.state.value}
8. onClick={this.handleChange}
9. />

:::

参数

参数 说明 类型 可选值 默认值
value 当前单选框值 String - 0
options object 选项列表，object 字段详细看下表 Array - -

options object 字段详解

参数 说明 类型 可选值 默认值 可选或必填
value 选项标识符，必须保证唯一 String - - 必填
label 选项标题 String - - 必填
desc 选项描述，显示在标题下方的文字 String - - 可选
disabled 是否禁止点击 Boolean - false 可选

事件

事件名称 说明 返回参数
onClick 点击选项触发事件 当前值 value