Нажмите событие, в котором неправильная кнопка запускается в jQuery?

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> 

Но иногда, когда кто-то нажать на спад, это происходит нажатием кнопки accept и проходит, даже если флажок снят.

Я никогда не испытывал этого сам, но возможно ли, что это может произойти? Как я могу быть уверен, что «принять процесс» никогда не достигается, если пользователь не проверяет флажок и не нажимает «принять»?

Answer 1

Попробуйте это, отменить событие щелчка:

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