メインコンテンツにスキップ
バージョン: v8

ion-radio-group

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

インターフェース

RadioGroupChangeEventDetail

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

RadioGroupCustomEvent

必須ではありませんが、このコンポーネントから発行されるIonicイベントの型指定を強化するために、`CustomEvent`インターフェースの代わりにこのインターフェースを使用できます。

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

プロパティ

allowEmptySelection

説明`true`の場合、ラジオボタンの選択を解除できます。
属性allow-empty-selection
タイプboolean
デフォルトfalse

compareWith

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

name

説明フォームデータとともに送信されるコントロールの名前。
属性name
タイプstring
デフォルトthis.inputId

value

説明ラジオボタングループの値。
属性value
タイプany
デフォルトundefined

イベント

名前説明バブル
ionChange値が変更されたときに発行されます。

このイベントは、プログラムで`value`プロパティを設定したときには発行されません。
true

メソッド

このコンポーネントで使用できるパブリックメソッドはありません。

CSSシャドウパーツ

このコンポーネントで使用できるCSSシャドウパーツはありません。

CSSカスタムプロパティ

このコンポーネントで使用できるCSSカスタムプロパティはありません。

スロット

このコンポーネントで使用できるスロットはありません。