跳到主要內容
版本:v8

ion-radio-group

單選按鈕群組是 單選按鈕 的群組容器。它允許使用者從一組按鈕中最多選取一個單選按鈕。選取屬於單選按鈕群組的其中一個單選按鈕會取消選取同一群組中先前選取的任何單選按鈕。如需單選按鈕群組的用法範例,請參閱 單選按鈕 文件。

介面

RadioGroupChangeEventDetail

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

RadioGroupCustomEvent

雖然不是必要,此介面可以用來取代 CustomEvent 介面,以便針對此元件發出的 Ionic 事件進行更強的類型定義。

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

屬性

allowEmptySelection

描述如果為 true,則可以取消選取單選按鈕。
屬性allow-empty-selection
類型布林值
預設false

compareWith

描述此屬性允許開發人員指定自訂函數或屬性名稱,以便在判斷 ion-radio-group 中選取的選項時比較物件。如果未指定,則預設行為會使用嚴格相等 (===) 進行比較。
屬性compare-with
類型((currentValue: any, compareValue: any) => boolean) | null | string | undefined
預設undefined

name

描述控制項的名稱,會與表單資料一起提交。
屬性name
類型字串
預設this.inputId

value

描述單選按鈕群組的值。
屬性value
類型任何
預設undefined

事件

名稱描述冒泡
ionChange當值變更時發出。

當以程式方式設定 value 屬性時,不會發出此事件。
true

方法

此元件沒有可用的公開方法。

CSS 陰影部分

此元件沒有可用的 CSS 陰影部分。

CSS 自訂屬性

此元件沒有可用的 CSS 自訂屬性。

插槽

此元件沒有可用的插槽。