【多個radio點擊只能選中一個】在網頁開發中，`` 是一種常用的表單元素，用于讓用戶從一組選項中選擇一個。然而，在實際使用過程中，用戶可能會遇到“多個 radio 點擊只能選中一個”的問題，這通常與 HTML 的默認行為有關。
一、問題總結
| 問題描述 | 說明 |
| 多個 radio 點擊只能選中一個 | 用戶點擊多個 radio 按鈕時，只能有一個被選中，這是 HTML 的默認行為。 |
| 是否為錯誤？ | 不是錯誤，而是正常功能設計。 |
| 如何實現多選？ | 可以通過修改 `name` 屬性或使用 JavaScript 實現多選邏輯。 |
二、原因分析
HTML 中的 `` 元素默認具有“互斥”特性，即同一組（`name` 屬性相同）的 radio 按鈕中，只能有一個被選中。這種機制是為了確保用戶在一組選項中只能做出一個選擇。
例如：
```html
男
女
```
在這段代碼中，無論用戶點擊哪一個 radio 按鈕，只有一個是被選中的。
三、解決方案
如果需要實現“多個 radio 可以同時選中”，可以采取以下方法：
方法一：更改 `name` 屬性
將每個 radio 按鈕設置不同的 `name` 屬性，這樣它們就不會被當作一組處理：
```html
A
B
```
這樣，兩個 radio 按鈕可以獨立選中。
方法二：使用 JavaScript 控制
通過 JavaScript 實現自定義邏輯，允許用戶同時選中多個 radio 按鈕：
```html
<script>
document.querySelectorAll('.multi-select').forEach(radio => {
radio.addEventListener('click', function() {
this.checked = !this.checked;
});
});
</script>
```
這種方法可以實現多選效果，但需要額外的邏輯支持。
四、總結
| 項目 | 內容 |
| 默認行為 | 同一組 radio 只能選中一個 |
| 是否可修改 | 可以通過調整 `name` 或使用 JS 實現多選 |
| 適用場景 | 需要多選時，建議使用 checkbox 而非 radio |
| 開發建議 | 根據業務需求選擇合適的表單控件，避免誤解用戶意圖 |
如需實現多選功能，建議優先考慮使用 ``，因為它天生支持多選，無需額外處理。而 radio 按鈕更適合單選場景。