選擇單選選項不會更改選中的屬性

Question

我正在生成帶有一些單選按鈕和復選框的HTML表單。 例如，為單選按鈕生成的代碼如下：

<input id="101_2" type="radio" name="101" value="2" >
<input id="101_3" type="radio" name="101" value="3" checked="true">

使用JavaScript，我可以進行for循環，以查看使用check屬性檢查了哪些單選。 問題是，如果我手動單擊另一個單選選項（與示例中位於同一組），則在HTML中，我可以看到選擇了另一個單選，但是JavaScript仍然說輸入101_3是選定的單選。選項。 如果我使用firebug查看HTML，則可以看到確實沒有選擇新的選定選項（沒有選中的屬性）...盡管我已經手動選擇了。

有什么想法嗎？

Answer 1

在命名單選按鈕或任何類型的DOM輸入元素時，第一要緊的切勿以數字開頭的輸入元素的名稱，請始終以字母開頭的輸入元素的名稱。

對於您發布的代碼，您將以類似的方式命名您的收音機，one01或x101或o101等。

對任何DOM元素的ID執行相同的操作。 切勿以數字開頭DOM元素的ID。

--HTML

<input id="x101_2" type="radio" name="x101" value="2">
<input id="x101_3" type="radio" name="x101" value="3" checked="checked">
<br /><br />
<button type="button" onclick="WhatsChecked()">Whats Checked?</button>

--JavaScript

function WhatsChecked() {
 var radCk = document.body.querySelectorAll('input[name="x101"]:checked')[0];
 alert(radCk.id);
 };

-提琴手

提琴手