js を使用して入力ボックスの読み取り専用属性を動的に制御する

入力ボックスの読み取り専用属性: readonly

読み取り専用としてページに直接追加する場合、入力に readonly="readonly" を直接追加できますが、変更したい場合は、ボタンを実行するには、js (または jquery) を使用する必要があります。

最後にこれを使用したときに、この js コントロールを作成するときにいつも落ち込んでいた理由がついにわかりました。js には readonly やdisabled などの属性を設定するときに小さなバグがあることがわかりました (少なくとも私はそう思います)。まず、 document.getElementById("id").readonly = "true"; は入力を読み取り専用に設定しますが、document.getElementById("id").readonly="false" によって読み取り専用属性が削除されると、 "、効果はありません。この時点で、js ステートメントが正しく機能するためには、false の外側の引用符を削除する必要があります。

Attachment:

1. jquery id 属性を通じて読み取り専用属性を設定および解除します

Set read-only: $("#id").attr("readOnly", "true") ;

読み取り専用の解除: $("#id").attr("readOnly",false);

2. jquery 読み取り専用属性の一括設定と解除

/* のすべての入力p with id sa Box */

読み取り専用に設定: $("#sa input").attr("readOnly","true");

読み取り専用の解除: $("#sa input") .attr("readOnly" , false);

関連記事:

js で入力テキストボックスを読み取り専用に設定する

js を通じてすべてのフォームオブジェクトを読み取り専用に設定する

フォームを処理するメソッド入力ボックスとその他のテキスト ボックスは読み取り専用で編集できません

以上がjs を使用して入力ボックスの読み取り専用属性を動的に制御するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。