javascript - 変更を保存した後に読み取り専用テキストボックスを有効にする

Question

同じページで編集可能なフォームがあります。各テキストボックスの最初の属性は読み取り専用で、編集ボタンを押すと、この構文を使用して編集可能になります

$('input[readonly="readonly"]').removeAttr("readonly").prop("enabled",true);

保存ボタンを押すと、再び読み取り専用になりたい。私はそれをに変更しようとしています

 $('input[readonly="readonly"]').attr("readonly").prop("disable",true);
  and
 $('input[readonly="readonly"]').attr("readonly").prop("readonly",true);

しかし、再び読み取り専用に変更されることはありません。

これを行う適切な方法はありますか？

Answer 1

編集ボタンを押すと、読み取り専用属性が削除されました。

したがって、$('input[readonly="readonly"]')何も一致しません。

---

例えば、

$('input[type="text"]').attr("readonly", "readonly");

すべてのテキストボックスを読み取り専用に設定します。

Answer 2

必要がある

$('<your-selector>').prop("disable",true).attr("readonly", "readonly");

呼び出し.attr("readonly")は属性の値を返すだけなのでreadonly、ここでreadonlyプロパティ値を設定する必要があり、2 つの引数を.attr()に渡す必要があります。

Answer 3

では$('input[readonly="readonly"]').attr("readonly").prop("disable",true);、使用しているセレクターは既に readOnly になっている入力を探しています。readOnly 入力を readOnly にしたいとは思いません。

ID を指定するか、別の方法で選択してから実行してください$("#myInput").attr("disabled", "disabled")。クロムでテスト済み。