Radio 单选框

常用的单选框。 如果选项只有两个的情况下,也可以使用 Toggle 组件。

  • <Radio>
  • <RadioGroup>

获取组件

import { Radio, RadioGroup } from 'rsuite';

演示

默认

禁用

Radio 组

Radio 组 - 横向布局

Radio 组 - Picker

受控的 Radio 组

Props

<Radio>

属性名称 类型 描述
checked boolean 被选中(受控)
defaultChecked boolean 默认被选中
disabled boolean 禁用
inline boolean 内联布局
inputRef React.Ref 对应 input 元素的 ref
name string 用于表单对应的名称
onChange (value: any, checked: boolean, event: SyntheticInputEvent) => void checked 状态发生改变的回调函数
title string HTML title
value any 值,对应 RadioGroup 的值,判断是否选中

<RadioGroup>

属性名称 类型(默认值) 描述
appearance enum: 'default', 'picker' 设置外观
defaultValue any 默认值
inline boolean 内联布局
name string 用于表单对应的名称
onChange (value:any, event:SyntheticInputEvent) => void 值改变后的回调函数
value any 值(受控)
🎉 v5 版本已经发布! 前往 v5 文档开始使用.