[解決済み] jQueryで入力を無効化/有効化する?
質問
$input.disabled = true;
または
$input.disabled = "disabled";
どちらが標準的な方法なのでしょうか?また、逆に無効化された入力を有効にするにはどうすればいいのでしょうか?
解決方法は?
jQuery 1.6+
を変更するには
disabled
プロパティを使用する必要があります。
.prop()
関数を使用します。
$("input").prop('disabled', true);
$("input").prop('disabled', false);
jQuery 1.5以下
は
.prop()
関数は存在しませんが
.attr()
も同様です。
disabled属性を設定します。
$("input").attr('disabled','disabled');
再び有効にするには、適切な方法として
.removeAttr()
$("input").removeAttr('disabled');
jQueryのどのバージョンでも
常に実際の DOM オブジェクトに依存することができ、ひとつの要素だけを扱うのであれば他のふたつの方法よりも少し速いでしょう。
// assuming an event handler thus 'this'
this.disabled = true;
を使用する利点は
.prop()
または
.attr()
メソッドを使用すると、選択された多数の項目に対してプロパティを設定することができます。
注
1.6では
.removeProp()
とよく似たメソッドです。
removeAttr()
しかし、それは
は使用しないでください。
のようなネイティブプロパティで
'disabled'
ドキュメントからの抜粋です。
注意: このメソッドは、checked、disabled、selected などのネイティブプロパティを削除するために使用しないでください。これは、プロパティを完全に削除し、一度削除すると、要素に再び追加することはできません。これらのプロパティをfalseに設定するには、代わりに.prop()を使用してください。
実際、このメソッドの正当な使い道はあまりないと思います。boolean props は、1.5 の "attribute" のように "remove" する代わりに false に設定するような方法で行われています。
関連
-
Vueにシンプルなメモ帳機能を実装
-
[解決済み] テスト
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
Vueのクラススタイルの使い方の詳細
-
[解決済み] Error : 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
jq は html ページとデータを動的に分割する。