Tengo 4 casillas de verificación, quiero mostrar diferentes alertas para las dos primeras cuando se seleccionan pero no obtienen el resultado. Por favor, hágame saber dónde salió mal.
let ReviewCheckBox = checkform.ratings; if (ReviewCheckBox[0].checked == true) { alert("1 Selected"); } else if (ReviewCheckBox[0].checked == true && ReviewCheckBox[1].checked == true) { alert("Both Selected"); } <div> <span>CUSTOMER REVIEWS</span><br> <form name="checkform" onclick="productFilter()"> <input type="checkbox" name="ratings" id="rating-checka"> <label for="rating-checka">4 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkb"> <label for="rating-checkb">3 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkc"> <label for="rating-checkc">2 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkd"> <label for="rating-checkd">1 * & Above</label> </form> </div>1) Debe validar en cada casilla de verificación marcada, por lo que puede crear una función productFilter y se ejecutará cada vez que marque la casilla
2) Debe marcar la casilla de verificación de índice 0 y 1 primero que only 0 .
function productFilter() { let ReviewCheckBox = checkform.ratings; if (ReviewCheckBox[0].checked == true && ReviewCheckBox[1].checked == true) { alert("Both Selected"); } else if (ReviewCheckBox[0].checked == true) { alert("1 Selected"); } } <div> <span>CUSTOMER REVIEWS</span><br> <form name="checkform" onclick="productFilter()"> <input type="checkbox" name="ratings" id="rating-checka"> <label for="rating-checka">4 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkb"> <label for="rating-checkb">3 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkc"> <label for="rating-checkc">2 * & Above</label><br> <input type="checkbox" name="ratings" id="rating-checkd"> <label for="rating-checkd">1 * & Above</label> </form> </div>