ion-radio-group
单选组是一个容纳一组单选按钮的容器。它允许用户从一组中最多选择一个单选按钮。选中属于某个单选组的单选按钮会取消该组中之前选中的任何单选按钮。有关单选组的示例用法，请参见单选按钮文档。
🌐 A radio group is a container for a group of radios. It allows a user to select at most one radio button from a set. Checking one radio button that belongs to a radio group unchecks any previous checked radio button within the same group. For example usage of the radio group, see the radio documentation.
接口
🌐 Interfaces
RadioGroupChangeEventDetail
interface RadioGroupChangeEventDetail<T = any> {
value: T;
}
RadioGroupCustomEvent
虽然不是必需的，但可以使用此接口替代 CustomEvent 接口，以便对从此组件发出的 Ionic 事件进行更强类型的处理。
🌐 While not required, this interface can be used in place of the CustomEvent interface for stronger typing with Ionic events emitted from this component.
interface RadioGroupCustomEvent<T = any> extends CustomEvent {
detail: RadioGroupChangeEventDetail<T>;
target: HTMLIonRadioGroupElement;
}
属性
🌐 Properties
allowEmptySelection
| Description | If true, the radios can be deselected. |
| Attribute | allow-empty-selection |
| Type | boolean |
| Default | false |
compareWith
| Description | This property allows developers to specify a custom function or property name for comparing objects when determining the selected option in the ion-radio-group. When not specified, the default behavior will use strict equality (===) for comparison. |
| Attribute | compare-with |
| Type | ((currentValue: any, compareValue: any) => boolean) ｜ null ｜ string ｜ undefined |
| Default | undefined |
errorText
| Description | The error text to display at the top of the radio group. |
| Attribute | error-text |
| Type | string ｜ undefined |
| Default | undefined |
helperText
| Description | The helper text to display at the top of the radio group. |
| Attribute | helper-text |
| Type | string ｜ undefined |
| Default | undefined |
name
| Description | The name of the control, which is submitted with the form data. |
| Attribute | name |
| Type | string |
| Default | this.inputId |
value
| Description | the value of the radio group. |
| Attribute | value |
| Type | any |
| Default | undefined |
事件
🌐 Events
| Name | Description | Bubbles |
|---|---|---|
ionChange | Emitted when the value has changed. This event will not emit when programmatically setting the value property. | true |
方法
🌐 Methods
No public methods available for this component.
CSS 阴影部分
🌐 CSS Shadow Parts
No CSS shadow parts available for this component.
CSS 自定义属性
🌐 CSS Custom Properties
No CSS custom properties available for this component.
插槽
🌐 Slots
No slots available for this component.