javascript - 如果单击按钮时未选中复选框，则显示警报

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 示例

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