[英]Disable multiple click on a button
我试图禁用多次单击按钮。 代码如下
<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);
});
但是,这不起作用。 有人可以帮我吗?
试试这个
$("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>
您只能使用一种方法接受一次click事件
$(function () { $("#anext").one('click', function(e){ alert('ok'); }); $("#acontd").one('click', function(){ alert('ok'); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.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" cssClass="btn btn-success" id="acontd" action="ActionName" /> </div>
$('#disable').on('click', function(){ $('#disable').attr("disabled", true); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="disable">Disable Me!</button> <p>Hello</p>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.