跳至主要内容
版本: v8

ion-radio-group

单选按钮组是 单选按钮 组的容器。它允许用户从一组中选择最多一个单选按钮。选中属于单选按钮组的单选按钮将取消选中同一组中先前选中的任何单选按钮。有关单选按钮组的使用示例,请参阅 单选按钮 文档。

接口

RadioGroupChangeEventDetail

interface RadioGroupChangeEventDetail<T = any> {
value: T;
}

RadioGroupCustomEvent

虽然不是必需的,但此接口可以用于代替 CustomEvent 接口,以在从该组件发出的 Ionic 事件中进行更强的类型化。

interface RadioGroupCustomEvent<T = any> extends CustomEvent {
detail: RadioGroupChangeEventDetail<T>;
target: HTMLIonRadioGroupElement;
}

属性

allowEmptySelection

描述如果为 true,则可以取消选中单选按钮。
属性allow-empty-selection
类型布尔值
默认值false

compareWith

描述此属性允许开发人员指定自定义函数或属性名称,用于在确定 ion-radio-group 中选定的选项时比较对象。当未指定时,默认行为将使用严格相等 (===) 进行比较。
属性compare-with
类型((currentValue: any, compareValue: any) => boolean) | null | string | undefined
默认值undefined

name

描述控件的名称,它与表单数据一起提交。
属性name
类型字符串
默认值this.inputId

value

描述单选按钮组的值。
属性value
类型任何
默认值undefined

事件

名称描述冒泡
ionChange当值发生变化时发出。

此事件在以编程方式设置 value 属性时不会发出。
true

方法

此组件没有公开的方法可用。

CSS 阴影部分

此组件没有 CSS 阴影部分可用。

CSS 自定义属性

此组件没有 CSS 自定义属性可用。

插槽

此组件没有插槽可用。