jQuery UI禁用整个页面上的所有提交按钮

Question

感谢您提前提供任何帮助。

请注意我正在使用jQuery UI来创建/样式按钮。

当用户点击提交按钮时，我想使用jQuery来禁用整个页面上所有表单上的所有提交按钮。

这是我到目前为止，目前它只禁用被点击的按钮，当我希望它禁用页面上的所有提交按钮。

对于jQuery用户界面：

<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> 

Answer 1

我找到了解决办法，改变我们的禁用代码：

<script> 
$(function() { 
$('.button').button().click(function() { 
    $('.button').button('disable'); 
    $(this).closest('form').submit(); 
    return false; 
}); 
$('input:submit').button('enable'); 
}); 
</script> 

的伎俩。

Answer 2

这样做：

<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'); 

Answer 3

此代码将使所有按键与一类.button禁用

$(".button").click(function() { 
    $(".button").button({ disabled: true }); 
}); 

，这里是一个fiddle

Answer 4

这里是将禁用所有按钮的功能。

function disableButtons() { 
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled') 
} 

Answer 5

您的代码应该是这样的：

<script> 
$(function() { 
$('.button').button()(function() { 
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled') 
    $(this).closest('form').submit(); 
    return false; 
}); 
}); 
</script>