選擇控制
三個看起來都能勾，意思卻完全不同。
能否多選、選項是否互斥，以及切換後會不會立刻生效，是選 Checkbox、Radio 或 Switch 的三個關鍵問題。
選型流程
先問關係，再問是否立即生效。
- 多個選項可以同時成立嗎？是：使用 Checkbox。
- 這組選項只能有一個答案嗎？是：使用 Radio。
- 切換後會立刻改變系統狀態嗎？是：使用 Switch，並回報更新結果。
比較表
「勾選」不是一個互動規格。
點選元件名稱可查看可操作 Demo、AI Prompt 與驗收清單。
| 比較面向 | Checkbox｜核取方塊 | Radio｜單選按鈕 | Switch｜開關 |
|---|---|---|---|
| 選取關係 | 每一項可獨立成立，可選多項 | 同一組互斥，只能選一項 | 單一 on/off 狀態 |
| 使用者期待 | 設定可先累積，之後再送出也合理 | 從一組答案中作出選擇 | 切換後立即生效並看到結果 |
| 常見情境 | 通知管道、權限、服務項目 | 通知頻率、付款方式、單一偏好 | 啟用維護模式、開啟即時同步 |
| 不要拿來做 | 互斥的唯一答案 | 多選或立即生效的系統開關 | 等待最後按儲存的表單選項 |
| 最常漏掉的事 | 群組 Label、全選與部分選取 | 群組 Label、方向鍵與必填錯誤 | 更新中、失敗與實際狀態回饋 |
這組結論
「每週摘要」和「每日摘要」不能同時成立，所以是 Radio。
如果改成 Email、站內通知與每週摘要可同時開啟，就變成 Checkbox Group；若是開啟後立刻影響系統，就需要 Switch 與更新回饋。
操作 Checkbox Demo →