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

Question

这种情况很少发生，但有时仍然会发生。我有两个相邻的按钮，每个按钮都有一个 jQuery 单击事件:

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();
});