如何從Javascript更改HTML單選按鈕選擇？

Question

我需要在Javascript中從我的表單中選擇一個HTML單選按鈕（取消選擇之前選定的單選按鈕）。

這是如何完成的？

Answer 1

如果您在一個單選按鈕上將「checked」屬性設置爲true，則具有相同名稱的另一個按鈕將被自動取消選中。

因此，

document.getElementById('buttonX').checked = true; 

會導致 「buttonY」 是未經檢查，如果HTML的樣子：

<input type='radio' id='buttonX' name='fred' value='X'> 
<input type='radio' id='buttonY' name='fred' value='Y' checked> 

編輯請記住， 「單選按鈕」 有一個名字，因爲在舊收音機（不一定比我大），電臺預設按鈕是機械相互連接的，因此在任何時候都只有一個按鈕被按下。擺弄按鈕讓它們全部不被按壓是一種有趣但是有風險的消遣方式，因爲大多數成年人不理解一排未按下的單選按鈕整齊排列的美感。