檢查復選框列表中的特定復選框是否已選中

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