• Radio 单选框

    单选框。

    何时使用

    代码演示

    最简单的用法。

    一组互斥的 Radio 配合使用。

    通过配置 options 参数来渲染单选框。

    2.9.0 之后支持。

    可以为 RadioGroup 配置 name 参数,为组合内的 input 元素赋予相同的 name 属性,使浏览器把 RadioGroup 下的 Radio 真正看作是一组(例如可以通过方向键始终在同一组内更改选项)。

    Radio 不可用。

    垂直的 RadioGroup,配合更多输入框选项。

    按钮样式的单选组合。

    大中小三种组合,可以和表单输入框进行对应配合。

    API

    Radio

    参数 说明 类型 默认值
    autoFocus 自动获取焦点 boolean false
    checked 指定当前是否选中 boolean false
    defaultChecked 初始是否选中 boolean false
    value 根据 value 进行比较,判断是否选中 any

    RadioGroup

    单选框组合,用于包裹一组 Radio

    参数 说明 类型 默认值
    defaultValue 默认选中的值 any
    name RadioGroup 下所有 input[type="radio"]name 属性 string
    options 以配置形式设置子元素 string[] | Array<{ label: string value: string disabled?: boolean }>
    size 大小,只对按钮样式生效 large | default | small default
    value 用于设置当前选中的值 any
    onChange 选项变化时的回调函数 Function(e:Event)

    方法

    Radio

    名称 描述
    blur() 移除焦点
    focus() 获取焦点