jQueryで入力を無効/有効にしますか？

$input.disabled = true;

または

$input.disabled = "disabled";

標準的な方法はどれですか？そして、逆に、無効な入力をどのように有効にしますか？

jQuery 1.6+

disabledプロパティを変更するには、.prop()関数を使用する必要があります。

$("input").prop('disabled', true); $("input").prop('disabled', false);

jQuery1.5以下

.prop()関数は存在しませんが、.attr()同様の機能を果たします。

無効な属性を設定します。

$("input").attr('disabled','disabled');

再度有効にするには、適切な方法は .removeAttr()

$("input").removeAttr('disabled');

jQueryのどのバージョンでも

常に実際のDOMオブジェクトに依存することができ、1つの要素のみを処理する場合は、おそらく他の2つのオプションよりも少し高速です。

// assuming an event handler thus 'this'
this.disabled = true;

.prop()or.attr()メソッドを使用する利点は、選択した一連のアイテムのプロパティを設定できることです。

注： 1.6であり.removeProp()のようにたくさんの音の方法removeAttr()、それは使用すべきではないようなネイティブの性質上'disabled'の文書からの抜粋：

注：このメソッドを使用して、checked、disabled、selectedなどのネイティブプロパティを削除しないでください。これにより、プロパティが完全に削除され、削除されると、要素に再度追加することはできません。代わりに、.prop（）を使用してこれらのプロパティをfalseに設定します。

実際、このメソッドには多くの正当な使用法があるとは思えません。ブール小道具は、1.5の「属性」の対応物のように「削除」するのではなく、falseに設定する必要がある方法で実行されます。

新しい慣習のためだけに&&今後適応可能にするため（ECMA6（????）で大幅に変更されない限り）：

$(document).on('event_name', '#your_id', function() { $(this).removeAttr('disabled');
});

そして

$(document).off('event_name', '#your_id', function() { $(this).attr('disabled','disabled');   
});

    // Disable #x
    $( "#x" ).prop( "disabled", true ); // Enable #x $( "#x" ).prop( "disabled", false );

inputやtextareaなどのフォーム要素を無効/有効にする必要がある場合があります。Jqueryは、disabled属性を「disabled」に設定することでこれを簡単に行うのに役立ちます。例：

  //To disable 
  $('.someElement').attr('disabled', 'disabled');

無効化された要素を有効にするには、この要素から「disabled」属性を削除するか、その文字列を空にする必要があります。例：

//To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');

参照：http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

$("input")[0].disabled = true;

または

$("input")[0].disabled = false;

これをコードのグローバルな場所に配置できます。

$.prototype.enable = function () { $.each(this, function (index, el) {
        $(el).removeAttr('disabled'); }); } $.prototype.disable = function () {
    $.each(this, function (index, el) { $(el).attr('disabled', 'disabled');
    });
}

そして、あなたは次のようなものを書くことができます：

$(".myInputs").enable(); $("#otherInput").disable();

現在の状態を反転したいだけの場合（トグルボタンの動作など）：

$("input").prop('disabled', ! $("input").prop('disabled') );

それらを使用して、任意の要素を有効/無効にできる方法はたくさんあります。

アプローチ1

$("#txtName").attr("disabled", true);

アプローチ2

$("#txtName").attr("disabled", "disabled");

jQuery 1.7以降のバージョンを使用している場合は、attr（）の代わりにprop（）を使用してください。

$("#txtName").prop("disabled", "disabled");

要素を有効にしたい場合は、無効にするために行ったのとは逆の操作を行う必要があります。ただし、jQueryには、属性を削除する別の方法があります。

アプローチ1

$("#txtName").attr("disabled", false);

アプローチ2

$("#txtName").attr("disabled", "");

アプローチ3

$("#txtName").removeAttr("disabled");

繰り返しますが、jQuery 1.7以降のバージョンを使用している場合は、attr（）の代わりにprop（）を使用してください。そうです。これは、jQueryを使用して要素を有効または無効にする方法です。

2018年の更新：

今そこにjQueryのは必要ません、それはしばらく以来となっていますdocument.querySelectorかdocument.querySelectorAll（複数の要素のために）$、加えて、より明確なものとほとんど同じ仕事をしますgetElementById、getElementsByClassName、getElementsByTagName

「input-checkbox」クラスの1つのフィールドを無効にする

document.querySelector('.input-checkbox').disabled = true;

または複数の要素

document.querySelectorAll('.input-checkbox').forEach(el => el.disabled = true);

jQuery prop（）メソッドを使用して、フォーム要素を無効または有効にしたり、jQueryを使用して動的に制御したりできます。prop（）メソッドにはjQuery1.6以降が必要です。

例：

<script type="text/javascript">
        $(document).ready(function(){ $('form input[type="submit"]').prop("disabled", true);
            $(".agree").click(function(){ if($(this).prop("checked") == true){
                    $('form input[type="submit"]').prop("disabled", false); } else if($(this).prop("checked") == false){
                    $('form input[type="submit"]').prop("disabled", true);
                }
            });
        });
    </script>

無効にする：

$('input').attr('readonly', true); // Disable it. $('input').addClass('text-muted'); // Gray it out with bootstrap.

有効にする：

$('input').attr('readonly', false); // Enable it. $('input').removeClass('text-muted'); // Back to normal color with bootstrap.

入力タイプに対してtrueを無効にします：

特定の入力タイプの場合（例：テキストタイプ入力）

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

すべてのタイプの入力タイプ

$("input").attr('disabled', true);

これは私のために働きます

$("#values:input").attr("disabled",true); $("#values:input").attr("disabled",false);

このように使用して、

 $( "#id" ).prop( "disabled", true ); $( "#id" ).prop( "disabled", false );

@gnarf answerを使用して、関数として追加しました

   $.fn.disabled = function (isDisabled) {
     if (isDisabled) {
       this.attr('disabled', 'disabled');
     } else {
       this.removeAttr('disabled');
     }
   };

次に、このように使用します

$('#myElement').disable(true);

2018、JQueryなし（ES6）

すべて無効にするinput：

[...document.querySelectorAll('input')].map(e => e.disabled = true);

で無効にinputするid="my-input"

document.getElementById('my-input').disabled = true;

問題はJQueryに関するもので、参考までにです。

アプローチ4（これはワイルドコーダーの回答の拡張です）

txtName.disabled=1     // 0 for enable

<input id="txtName">