jQuery を使用した入力フィールドの無効化と有効化

HTML フォーム要素を操作する場合、多くの場合、ユーザーの特定の入力フィールドを無効または有効にする必要があります。交流。 jQuery には、これらのタスクを実行するためのメソッドがいくつか用意されています。

入力フィールドの無効化

jQuery バージョン 1.6 以降で入力フィールドを無効にする推奨方法は、prop( ) function:

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

以前jQuery 1.6 では、attr() 関数を使用して無効な属性を設定できます:

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

入力フィールドを有効にする

無効になっている入力フィールドを有効にするには、方法に応じてアクションを逆にする必要があります使用:

jQuery 1.6

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

jQuery 1.5 および以下

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

直接 DOM 操作

任意のバージョンの jQuery 、いつでも DOM 要素を直接操作できます:

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

jQuery 1.6 の注意

jQuery 1.6 では、removeProp() メソッドが導入されていますが、このメソッドは、disabled のようなネイティブ プロパティには使用しないでください。代わりに、常に .prop() を使用してプロパティを false に切り替えます。