ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery を使用して入力フィールドを無効または有効にするにはどうすればよいですか?

jQuery を使用して入力フィールドを無効または有効にするにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-12-22 15:35:21922ブラウズ

How Can I Disable and Enable Input Fields Using jQuery?

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 を直接操作できますelement:

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

jQuery 1.6 の注意事項

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

以上がjQuery を使用して入力フィールドを無効または有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。