javascript - 禁用多次单击按钮

Question

我正在尝试禁用多次单击按钮。代码如下

<div class="pull-right"> 
  <input type="button" name="Submit" class="btn btn-success" id="anext" value='<s:text name="generic.next.caps"></s:text>' onclick='showPopUp();'/>
</div>

<div class="pull-right">
  <s:submit type="submit" name="Submit" cssClass="btn btn-success" id="acontd" value="%{getText('generic.continue.caps')}" action="ActionName"/>
</div>

我的解决方案:

$("anext").click(function(){
    $("aptcnext").prop("disabled", true);
});
$("acontd").click(function(){
    $("aptccontd").prop("disabled", true);
});

但是，这不起作用。谁能帮我这个吗？

Answer 1

试试这个

$("input[type='submit']").click(function() {
  $(this).prop("disabled", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pull-right">
  <input type="submit" name="Submit" class="btn btn-success" id="anext" onclick='showPopUp();' />
</div>

<div class="pull-right">
  <input type="submit" name="Submit" class="btn btn-success" id="acontd" action="ActionName" />
</div>