jquery - 单击时禁用站点范围的提交按钮

Question

我有一个多页面网站，每个页面上都有多个弹出窗口。有时会出现一连串的弹出窗口。例如，你希望这种情况发生吗？ -> 否 -> 重新安排 -> 确认。这意味着有时提交操作会被阻止并出现另一个弹出窗口。其他时候，仅提交弹出窗口中的表单。

我想在单击所有提交按钮后禁用它们。我尝试过添加

$("input[type='submit']").attr('disabled', 'disabled'); 

这不起作用。我禁用单个提交按钮没有问题，但我有很多需要管理，这似乎是一个相当正常的问题。人们通常会单独禁用提交按钮吗？

Answer 1

我最终做的是

function(evt) {
  evt.preventDefault();
  evt.stopPropagation();

  // Button disable
  var disabledClass = 'ui-state-disabled',
  button = $($(evt.target).closest('button'));
  if(button.hasClass(disabledClass)) return;
  button.attr('disabled',true).addClass(disabledClass);
}

因为那里有多个按钮。我接受了上面的解决方案，因为它是这个问题最完整(也是最明智)的答案。