Проверяется конкретный флажок в списке флажок

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" /> 

Имя одинакова для всех, но идентификатор отличается.

мне нужно проверить, если конкретный флажок (например, один с идентификатором = 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! "); 
} 
}