ion-radio-group

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

¥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.