2016-03-31 14:17:09 +08:00
|
|
|
|
---
|
|
|
|
|
category: Components
|
2016-07-21 10:10:04 +08:00
|
|
|
|
subtitle: 单选框
|
2016-11-09 14:43:32 +08:00
|
|
|
|
type: Data Entry
|
2016-07-21 10:10:04 +08:00
|
|
|
|
title: Radio
|
2016-03-31 14:17:09 +08:00
|
|
|
|
---
|
2015-07-16 18:23:25 +08:00
|
|
|
|
|
2015-07-28 20:22:37 +08:00
|
|
|
|
单选框。
|
|
|
|
|
|
2015-07-16 18:23:25 +08:00
|
|
|
|
## 何时使用
|
|
|
|
|
|
2015-07-16 22:40:49 +08:00
|
|
|
|
- 用于在多个备选项中选中单个状态。
|
|
|
|
|
- 和 Select 的区别是,Radio 所有选项默认可见,方便用户在比较中选择,因此选项不宜过多。
|
|
|
|
|
|
2015-07-16 18:23:25 +08:00
|
|
|
|
## API
|
|
|
|
|
|
2015-07-17 16:06:46 +08:00
|
|
|
|
### Radio
|
|
|
|
|
|
2015-07-28 20:22:37 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
2015-07-17 16:06:46 +08:00
|
|
|
|
|----------------|------------------------------------------|------------|---------|--------|
|
2017-01-20 20:10:50 +08:00
|
|
|
|
| checked | 指定当前是否选中 | boolean | | false |
|
|
|
|
|
| defaultChecked | 初始是否选中 | boolean | | false |
|
2016-12-16 16:38:14 +08:00
|
|
|
|
| value | 根据 value 进行比较,判断是否选中 | any | | 无 |
|
2015-07-17 16:06:46 +08:00
|
|
|
|
|
|
|
|
|
### RadioGroup
|
|
|
|
|
|
2015-07-28 20:22:37 +08:00
|
|
|
|
单选框组合,用于包裹一组 `Radio`。
|
2015-07-20 22:36:49 +08:00
|
|
|
|
|
2015-07-28 20:22:37 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
|
|
|
|----------------|----------------------------------|-------------------|--------|--------|
|
2017-07-31 11:33:47 +08:00
|
|
|
|
| name | RadioGroup 下所有 `input[type="radio"]` 的 `name` 属性 | string | | 无 |
|
2015-07-28 20:22:37 +08:00
|
|
|
|
| onChange | 选项变化时的回调函数 | Function(e:Event) | 无 | 无 |
|
2016-12-15 16:25:15 +08:00
|
|
|
|
| value | 用于设置当前选中的值 | any | 无 | 无 |
|
|
|
|
|
| defaultValue | 默认选中的值 | any | 无 | 无 |
|
2017-01-20 20:10:50 +08:00
|
|
|
|
| size | 大小,只对按钮样式生效 | string | `large` `default` `small` | `default` |
|
2017-03-28 11:56:38 +08:00
|
|
|
|
| options | 以配置形式设置子元素 | string[] \| Array<{ label: string value: string disabled?: boolean }> | 无 | 无 |
|