QRadio 元件是用戶輸入的另一個基本元素。您可以使用它來為用戶提供從多個選項中選擇一個選項的方法。

用法

標準

使用自訂圖示

v2.5+

緊湊

著色

在以下範例的第二行中，屬性 keep-color 用於在單選按鈕未處於切換狀態時保留傳入的顏色。

強制暗黑模式

停用

標籤在左側

尺寸

除了以下標準尺寸外，您還可以通過 size 屬性定義自己的尺寸（最後一個是自訂尺寸）。

使用 QOptionGroup

使用 QItem

在以下範例中，我們正在渲染一個 <label> 標籤（請注意 tag="label"），以便 QRadio 將響應 QItem 上的點擊以更改切換狀態。

原生表單提交

當處理具有 action 和 method 的原生表單時（例如，當將 Quasar 與 ASP.NET 控制器一起使用時），您需要在 QRadio 上指定 name 屬性，否則 formData 將不會包含它（如果應該包含） - 所有值都將轉換為字串（原生行為，因此請勿使用 Object 值）。