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

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!");      
}

但它不起作用-永远不会达到警报

PS我需要使用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! ");
}
}