Checkbox форма проверки не работает

Question

Я пытаюсь предотвратить форму от проверки, если флажок не установлен с помощью следующего кода:

<script> 
$(function() { 

    $("#form").submit(function(e) { 
     console.log("test1"); 
     if(!$('input[type="checkbox"]:checked')) { 
      alert("Check the checkbox or you will die."); 
      return false; 
     } 
     console.log("test2"); 
     return true; 
    }); 
}); 
</script> 

Я не знаю, почему моя угроза смерти не появляется. console.log(test1) работает. Также как test2.

Не могли бы вы направить меня немного, чтобы я мог увидеть свою ошибку?

Answer 1

Заменить:

!$('input[type="checkbox"]:checked') 

С:

$("input:checked").length === 0 

Таким образом, вы проверки того, что существует, по крайней мере, один вход проверяется в DOM. Однако я настоятельно рекомендую использовать идентификатор или класс, чтобы сузить область проверки.

Answer 2

jQuery селекторы возвращают коллекцию, а не true/false. Вам необходимо проверить размер коллекции:

if ($(':checkbox:checked').length = 0) { 
    alert("Check the checkbox or you will diet."); 
    return false; 
}