ボタンがアクティブなときにすべての入力を無効にする

Question

私は、編集のために多くの入力フィールドを持つフォームを持つページレイアウトを持っています。問題は、「更新ボタン」がアクティブなとき、つまりユーザーが何かを編集して更新を押したときにすべてを無効にしなければならないということです（つまり、他のボタンも無効にする必要があります）。完了です。

アクティブなボタンをキャッチして残りのページを無効にするには（JSを使用し、jQueryの可能性があります）？ P.S.私はむしろそれが巨大であるので、コードを入れないでください。この特定の問題のヒントを探しているだけです。

ありがとうございます。イエスは、すべての入力フィールドに、次の、

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

Answer 1

チェック

これを確認してください。

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>

^^行かない場合は、更新ボタンは、アクティブな場合