使用JavaScript禁用页面上的所有按钮，直到刷新

Question

如果用户尝试一次点击太多按钮（对于不耐烦的用户），我有一个会导致错误的页面，因此需要在页面上禁用任何按钮（全部由JS onclick函数定义），直到它被刷新（使用Java通过服务器发送新数据。）执行此操作的最佳方法是什么，有没有办法使用jQuery？

Answer 1

当你想要禁用按钮时，如何简单地调用它：

jQuery('input[type="button"]').attr('disabled', 'disabled');

这将禁用页面上所有类型按钮的输入。当然，只要重新加载/替换页面内容，就不会禁用新按钮。如果这更容易，您也可以禁用所有输入。

小提琴：http://jsfiddle.net/duffmaster33/xDMux/

Answer 2

您必须使用类似的东西找到所有类型的按钮..

$('input[type="submit"], button')

并遍历返回的数组，并在每次迭代中对项目执行.attr('disabled','disabled');。

Answer 3

最好的解决方案是使用jQuery的BlockUI插件。它完成了我需要的一切以及更多。 http://www.malsup.com/jquery/block/