按钮onclick后如何禁用按钮

时间:2014-05-22 15:52:00

标签: javascript jquery

我有一个按钮使用onclick返回确认...我希望当确认提交时...第二次点击按钮它会弹出警告消息通知用户按钮只能点击一次。

到目前为止,我已经尝试了一个功能但没有工作。

$("#once").one("click", function() {
  alert('this only happens once');
});

以下代码是我的按钮

<input type="submit" id="once" class="button" style="width:100px;" onclick="return  
confirm('Are you sure you want <?php  echo $show_venue['venue'];?>  be your party venue 
 ?');"  value="CHOOSE" name="choose_venue">

2 个答案:

答案 0 :(得分:3)

点击后您没有禁用该按钮。

$(this).prop('disabled', true);

以下是您所使用的代码的小提琴:http://jsfiddle.net/UT79m/6/

答案 1 :(得分:-2)

您可以添加一个类来设置选定的&#39;第一次点击后的状态:

$("#once").on("click", function() {
   if($(this).hasClass('selected'))
       return;
   alert('this only happens once');
   $(this).addClass('selected');
});