選択ボックスを変更した後に1フィールドを除くすべてのフォームフィールドを無効にする

Question

ユーザーが選択ボックスのオプションを変更した場合フォーム内のすべてのフィールドを無効にしたい場合はトリガーする選択ボックスとid = xyz

私はどのようにすばやく簡単な方法でそれを行うことができます。

「#newsite_IS_HELPERは、」あなたはあなたのフォームの下にあるすべての入力要素を選択し、あなたがすなわちthis要素を選択したくないものを除外していることを行うことができます選択ボックス

$('#newsite_IS_HELPER').change(function(){ 
    alert('What i have to do?'); 
}); 

Answer 1

のID（その一つであります無効化アクション、つまりselectが発生しています）、入力エレメントは#xyzです。

$('#your_form_id :input:not(#xyz):not(#newsite_IS_HELPER)').prop("disabled", true); 

私はどのように

$('#newsite_IS_HELPER').change(function(){ 
 
    var this_val = $(this).val(); 
 
    var disable_all = false; 
 
    if(this_val != "1"){ 
 
     disable_all = true; 
 
    } 
 
    $('#your_form_id :input:not(#xyz):not(#newsite_IS_HELPER)').prop("disabled", disable_all); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="your_form_id"> 
 
    <input id="xyz"> 
 
    <input><input><input><input><input> 
 
    <select id="newsite_IS_HELPER"> 
 
    <option value="1">enable all</option><option value="2">disable all</option><option value="3">disable all again</option> 
 
    </select> 
 
</form>

Answer 2

、

$ ('#newsite_IS_HELPER').change(function(){ 
    $("input").attr("disabled", "disabled");  
    $(this).attr("disabled",false); 
    $("#xyz").attr("disabled",false); 
}); 

それとも、他に、あなたは、私のコードを怒鳴るように、ATTRの代わりに小道具を使用することができます

​​