如果未在按钮单击上选中复选框，则显示警报

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

您需要捕获按钮的click事件，然后检查是否单击了复选框。如果没有，你可以发送警报并返回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!");
});