正しい方法を使用して jQuery で無効になっている入力フィールドを有効にする方法

jQuery を使用して「無効」属性を操作する方法

問題ステートメント

Web ページの入力フィールドを無効にしているので、それらを有効にしたいリンクをクリックしたとき。 jQuery を使用して「無効」属性を削除しようとしましたが、成功しませんでした。

jQuery コード:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});

問題分析

問題ここで、jQuery は要素プロパティの設定または取得に、特にブール値の場合、attr() や removeAttr() ではなく、prop() メソッドを使用する必要があります。 「disabled」のような属性

Solution

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false);
});

prop() を使用して、「disabled」プロパティを明示的に false に設定し、入力フィールドと

prop() を使用する理由

attr() は HTML 属性の取得または変更に使用できますが、prop( ) は、要素のプロパティを管理するために特別に設計されています。 「disabled」、「checked」、「readonly」などのブール属性の場合、prop() は基礎となるプロパティに直接作用し、最新のブラウザーでの正しい動作を保証します。

jQuery 3.0 より前、removeAttr() も対応するプロパティを false に設定しますが、これは現在、ブール属性を処理する際の誤った動作とみなされます。したがって、潜在的な問題を回避するために、jQuery で要素を有効または無効にする場合は常に prop() を使用してください。

以上が正しい方法を使用して jQuery で無効になっている入力フィールドを有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。