jQuery中触发错误按钮的Click事件？

Question

这种情况很少发生，但有时仍会发生。 我有两个彼此相邻的按钮，每个按钮都有一个jQuery click事件：

JS：

$("#accepttrade").click(function(){
    if(document.getElementById("agreeterms").checked ){
        //accept process
        $("#acceptdeposit").slideUp(200);
    }

});

$("#declinetrade").click(function(){
    //decline
    $("#acceptdeposit").slideUp(200);

});

HTML：

<div id="acceptdeposit">
    <button id="declinetrade" >Decline</button>&emsp;
    <button id="accepttrade" >Accept</button><input type="checkbox" id="agreeterms">
</div>

但是有时，当有人单击拒绝时，它会单击接受按钮，即使未选中该复选框也要经过。

我本人从未经历过，但是有可能发生这种情况吗？ 我如何确定除非用户选中该框并单击“接受”，否则就永远不会达到“接受过程”？

Answer 1

试试这个，取消您的点击事件：

$("#accepttrade").click(function(e){
   if($("#agreeterms").is(':checked') ){
       //accept process
       $("#acceptdeposit").slideUp(200);
   }
  e.preventDefault();
});