检查复选框列表中的特定复选框是否已选中

Question

我有一个复选框列表：

<input name="choice" type="checkbox" id="choice1" value="A" /> 
<input name="choice" type="checkbox" id="choice2" value="B" />
<input name="choice" type="checkbox" id="choice3" value="C" />
<input name="choice" type="checkbox" id="choice4" value="D" />

所有名称都相同，但ID不同。

我需要检查一个特定的复选框（例如，id = choice3的复选框是否被选中。

尝试

if (this.choice.id === "choice3" && this.choice[2].checked) {
    alert("checked!");      
}

但它不起作用 - 从未达到警报

P.S。我需要使用javascript而不是jquery

Answer 1

如果没有jQuery，你会怎么做：

假设您的表单是这样的：

<form id="myForm" action="test.php">
    <input name="choice" type="checkbox" id="choice1" value="A"/>
    <input name="choice" type="checkbox" id="choice2" value="B"/>
    <input name="choice" type="checkbox" id="choice3" value="C"/>
    <input name="choice" type="checkbox" id="choice4" value="D"/>
    <input type="button" onclick="validate();" value="Submit form">
</form>

您可以通过以下方式进行验证：

function validate() {

if (document.getElementById('choice3').checked) {
    alert("checked");
} else {
    alert("You didn't check it! ");
}
}