Skip to main content
Version: v9

ion-radio-group

ラジオグループは、ラジオボタンのグループのコンテナです。ユーザーは、セット内のラジオボタンを最大で1つだけ選択できます。ラジオグループに属する1つのラジオボタンをチェックすると、同じグループ内で以前にチェックされたラジオボタンはすべてチェック解除されます。ラジオグループの使用例については、ラジオのドキュメントを参照してください。

Interfaces​

RadioGroupChangeEventDetail​

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

RadioGroupCustomEvent​

必須ではありませんが、このコンポーネントから発行される Ionic イベントでより強く型付けを行うために、CustomEvent インターフェースの代わりにこのインターフェースを使用することが可能です。

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

プロパティ​

allowEmptySelection​

Descriptiontrueの場合、Radioを非選択にすることができる。
Attributeallow-empty-selection
Typeboolean
Defaultfalse

compareWith​

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

errorText​

Descriptionラジオグループ上部に表示するエラーテキスト。
Attributeerror-text
Typestring ｜ undefined
Defaultundefined

helperText​

Descriptionラジオグループ上部に表示するヘルパーテキスト。
Attributehelper-text
Typestring ｜ undefined
Defaultundefined

name​

Descriptionフォームデータとともに送信されるコントロールの名前。
Attributename
Typestring
Defaultthis.inputId

value​

Description無線グループの値です。
Attributevalue
Typeany
Defaultundefined

イベント​

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

メソッド​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSSカスタムプロパティ​

No CSS custom properties available for this component.

Slots​

No slots available for this component.

Contents

Edit this page