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

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	trueの場合、Radioを非選択にすることができる。
Attribute	allow-empty-selection
Type	boolean
Default	false

compareWith

Description	このプロパティを使用すると、開発者は、ion-radio-group で選択されたオプションを決定するときにオブジェクトを比較するためのカスタム関数またはプロパティ名を指定できます。指定しない場合、デフォルトの動作では、比較に厳密な等式 (===) が使用されます。
Attribute	compare-with
Type	((currentValue: any, compareValue: any) => boolean) ｜ null ｜ string ｜ undefined
Default	undefined

errorText

Description	ラジオグループ上部に表示するエラーテキスト。
Attribute	error-text
Type	string ｜ undefined
Default	undefined

helperText

Description	ラジオグループ上部に表示するヘルパーテキスト。
Attribute	helper-text
Type	string ｜ undefined
Default	undefined

name

Description	フォームデータとともに送信されるコントロールの名前。
Attribute	name
Type	string
Default	this.inputId

value

Description	無線グループの値です。
Attribute	value
Type	any
Default	undefined

Events

Name	Description	Bubbles
ionChange	値が変更されたときに発行される。 プログラムで value プロパティを設定した場合は、このイベントは発生しない。	true

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.