感谢您提前提供任何帮助。
请注意我使用jQuery UI创建/样式按钮。
当用户点击提交按钮时,我想使用jQuery禁用所有表单上的所有提交按钮。
这是我目前所拥有的,目前它只会禁用点击的按钮,当我希望它禁用页面上的所有提交按钮时。
对于jQuery UI:
<script>
$(function() {
$( ".button" )
.button()
});
</script>
禁用按钮:
<script>
$(function() {
$('.button').button().click(function() {
$(this).button('disable');
$(this).closest('form').submit();
return false;
});
$('input:submit').button('enable');
});
</script>
提交按钮/表单如下所示:
<form enctype="multipart/form-data" action="characters.php" method="post">
<input id="c_xp" class="text" type="text" value="150001" name="c_xp">
<input id="go" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Go" role="button" aria-disabled="false">
</form>
答案 0 :(得分:1)
这样做:
<script>
$(function() {
$('.button').click(function() {
$("input[type='submit']).button('disable');
$(this).closest('form').submit();
return false;
});
$('input:submit').button('enable');
});
</script>
你可以做任何陈述。
$("input[type='submit']").button('disable');
OR
$("input[type='submit']").attr('disabled','disabled');
答案 1 :(得分:0)
此代码将禁用类.button
的所有按钮
$( ".button" ).click(function() {
$( ".button" ).button({ disabled: true });
});
这是一个fiddle
答案 2 :(得分:0)
这是一个禁用所有按钮的功能。
function disableButtons() {
$('input[type=button], input[type=submit]').attr('disabled', 'disabled')
}
答案 3 :(得分:0)
您的代码应如下所示:
<script>
$(function() {
$('.button').button()(function() {
$('input[type=button], input[type=submit]').attr('disabled', 'disabled')
$(this).closest('form').submit();
return false;
});
});
</script>
答案 4 :(得分:0)
我找到了解决方案,将我们的禁用代码更改为:
<script>
$(function() {
$('.button').button().click(function() {
$('.button').button('disable');
$(this).closest('form').submit();
return false;
});
$('input:submit').button('enable');
});
</script>
诀窍。
答案 5 :(得分:0)
像这样...
$('form').submit(function () {
$(':submit').attr('disabled', 'disabled');
});