javascript - else 期间需要点击事件来触发警报

Question

所以，这段代码可以正常工作:

<script>
$(document).ready(function(){
  var btn = $('#submit_send_order');
  btn.attr({disabled: 'disabled'});
  var chk = $('.end-box');
  chk.click(function(){
    if ($(this).attr('checked'))
      btn.removeAttr('disabled');
    else
      btn.attr({disabled:'disabled'});
  });
});
</script>

但我无法获得任何有效版本的 click、onclick 或事件处理程序来在 else 条件下引发弹出消息。除非用户选中复选框，否则他们无法在我的网站上发送订单。现在，他们单击按钮，直到选中该框为止，什么也不会发生。但我也想显示一个警报，例如:

$(document).ready(function(){
  $('#submit_send_order').click(function(){
    alert("You cannot proceed until you check the end box");
  });
});

Answer 1

正如 Verhaeren 上面所说，如果按钮被禁用，那么它就无法触发点击事件。我不会禁用该按钮，而是在点击事件中放置一个 if/else 检查。

所以...

$(document).on('click', '#submit_send_order', function(event) {
    event.preventDefault();

    if ($('.end-box').prop('checked')) {
        //Handle form submission
    } else {
        alert('You cannot proceed until you check the end box');
    }
});