jquery入力の読み取り専用属性の割り当て

jQuery は、HTML ページを処理するための多くの便利なメソッドと関数を開発者に提供する JavaScript ライブラリです。一般的な要件の 1 つは、input 要素の読み取り専用属性を設定することです。これは、ユーザーが機密情報を入力する場合に非常に役立ちます。この記事では、jQuery を使用して入力要素に読み取り専用属性を設定する方法について説明します。

読み取り専用属性を設定するには prop() メソッドを使用します

jQuery の prop() メソッドを使用して、要素の属性値を設定または取得できます。要素を読み取り専用にするには、prop() メソッドを使用し、読み取り専用プロパティを true に設定します。たとえば、ID myInput の入力要素を読み取り専用に設定するには、次のコードを使用できます。

$('#myInput').prop('readonly', true);

ここで、$ 記号は jQuery 演算子で、#myInput は目的の入力要素 ID を表します。 。 prop('readonly', true) は、jQuery に readonly プロパティを true に設定するように指示します。これにより、入力フィールドが無効になり、編集できなくなります。

さらに、input 要素を編集可能に設定するには、上記のコードの true を false に変更するだけです。

attr() メソッドを使用して読み取り専用属性を設定する

prop() メソッドに加えて、attr() メソッドを使用して読み取り専用属性を設定することもできます。入力要素の。 prop() メソッドとは異なり、attr() メソッドは HTML タグの属性を取得または設定するために使用されます。

以下は、ID myInput の入力要素を読み取り専用に設定するコードです:

$('#myInput').attr('readonly', 'readonly');

ここで、「readonly」の値は、設定される属性名を表す文字列です。 , 入力要素を読み取り専用に設定するために使用されます。入力要素を編集可能にするには、対応するコードを削除するだけです。

prop() メソッドと比較して、attr() メソッドを使用する利点の 1 つは、カスタム属性設定を含む、より広範囲の属性設定をサポートしていることです。

上記のコードで、input 要素を編集可能にするには、2 番目のパラメーターを null に変更するだけです。

概要

入力要素を読み取り専用属性に設定する方法はたくさんありますが、prop() メソッドと attr() メソッドを使用するのが最も一般的な方法の 1 つです。どちらの方法を使用する場合でも、コードが正しく一貫性があることを確認し、機密情報を慎重に扱う必要があります。この記事がお役に立てば幸いです。ご質問やご提案がございましたら、お気軽にコメントを残してください。

以上がjquery入力の読み取り専用属性の割り当ての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。