当按钮处于活动状态时禁用所有输入

Question

我有一个带有大量输入字段的窗体的页面布局以进行编辑。问题是，当'更新按钮'处于活动状态时，我必须禁用所有这些按钮（以及其他按钮），即用户已编辑某些内容并按下更新并且所有内容都被禁用，因此用户在请求之前不能进行任何其他更改做完了。

如何捕获活动按钮并禁用页面的其余部分（使用JS和可能是jQuery）？附：我宁愿不放任何代码，因为它是巨大的。只是为这个特定问题寻找小费。

在此先感谢。

Answer 1

检查更新按钮被激活，如果是，那么做以下所有输入字段，

document.getElementById("inputId").disabled = true; 

Answer 2

在这里，我们去^^

$("#disable").click(function(){ 
 
    $(".toDisable").prop('disabled', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/><input type="text" class="toDisable"/> 
 
<input type="button" id="disable" value="Disable everything">

Answer 3

$(document).ready(function() { 
 
    $("form").submit(function(event) { 
 
    $("input.text").attr('disabled', true); 
 
    }); 
 

 
    //$("input.text").removeAttr('disabled'); 
 
});

input { 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<form action="javascript:alert('success!');"> 
 
    <input type="text" class="text" /> 
 
    <input type="text" class="text" /> 
 
    <input type="text" class="text" /> 
 
    <input type="text" class="text" /> 
 

 
    <input type="submit" value="Update" class="update" /> 
 
</form>

选中此项。