错误：单选按钮上的重复ID

Question

我使用单选按钮在表单上收集简单的是/否输入。

表单中的HTML代码：

<label for="sociable">Yes</label>
<input type="radio" name="sociable" id="sociable" value="1">
<label for="sociable">No</label>
<input type="radio" name="sociable" id="sociable" value="2" checked>

我正在使用JavaScript通过ID确定值：

var userSociable = document.getElementsByName("sociable")
if (userSociable[0].checked) {
    userInput.push("1");
} else if (userSociable[1].checked) {
    userInput.push("2");
}

当我验证代码时，我得到一个我理解的重复ID错误，以及它为什么会发生，我的问题是，如何在不更改JavaScript的情况下解决这个问题？对于相同的输入有两个不同的ID对我来说似乎不合逻辑。

Answer 1

DOM下不能有2个具有相同ID的元素。

Answer 2

id属性指定HTML元素的唯一ID（该值在HTML文档中必须是唯一的。）

这就是为什么，你必须在这里使用class