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

时间:2015-09-16 19:29:01

标签: javascript jquery html

这种情况很少发生,但有时仍会发生。我有两个按钮,每个按钮上都有一个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>

但有时当有人点击拒绝时,会发出点击接受按钮,即使取消选中该复选框也会查看。

我自己从来没有经历过,但这可能会发生吗?我如何确定&#34;接受流程&#34;除非用户选中该框并单击“接受”,否则永远不会到达

1 个答案:

答案 0 :(得分:0)

试试这个,取消点击活动:

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