如果在按鈕單擊時未選中複選框，則顯示警報

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