Показать предупреждение, если флажок не установлен на кнопку

Question

Как я могу выпустить всплывающее предупреждение, так что когда пользователь нажимает кнопку и флажок не установлен, появляется предупреждение с использованием jQuery?

Флажок является:

<input type="checkbox" id="confirm" class="confirm"> 

Кнопка:

<form action="resetprocess.php" method="POST"> 
    <button type="submit" id="reset" class="btn btn-danger">Reset <i class="icon-repeat"></i></button> 
</form> 

Answer 1

Вам нужно захватить событие щелчком кнопки, а затем проверить, является ли нажата флажок или нет. Если нет, вы можете отправить предупреждение и вернуть false (обязательно сделайте это, иначе форма будет отправлена ​​в любом случае).

$('#reset').click(function() { 
    if (!$('#confirm').is(':checked')) { 
     alert('not checked'); 
     return false; 
    } 
}); 

jsFiddle example

Answer 2

$("#reset").on('click',function(){ 
    if(!$("#confirm").is(':checked')){ 
    // alert(""); 
    } 
}); 

Answer 3

$("#reset").click(function(){ 
    if ($("#checkbox:checked").length == 0) 
     alert("Checkbox not checked!"); 
});