單選按鈕 Radio Button

你可能會這樣說

一排圓形選項，點了新的、舊的就自動取消——選尺寸、選運送方式、選時段，都是這種單選。

單選按鈕是圓形、同一組裡只能選一個的選項：選了「冷藏配送」，「常溫配送」就會自動被取消。

它跟核取方塊的分工很好記：圓的單選、方的多選。

跟 AI 合作時，把整組選項列出來並註明「同時只能選一個」，就不會被做成可多選。

配送方式（只能選一個）

選好之後，這裡會顯示運費。

試試鍵盤：Tab 聚焦、Enter 展開、上下選、Esc 關。

圖 2-16　選了新的，舊的自動取消——單選按鈕一組只能挑一個。

中文就可以

結帳頁做一組配送方式，用單選按鈕呈現。
四個選項：宅配、超商取貨、常溫、冷藏，預設選宅配。
點別的選項時，原本的自動取消，選中的圓圈填滿。
底下同步顯示對應的運費金額。