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

Question

This happens very rarely but it still happens sometimes. I have two buttons next to each others with a jQuery click event on each:

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>

But sometimes when someone click on decline, it occurs the click of accept button, and go through even if the checkbox is unchecked.

I have never experienced it myself, but is it possible that this could happend? How can I be sure that "accept process" is never reached unless the user checks the box and click on accept?

Answer 1

Try this, cancel your click event:

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