Как отключить ввод только для чтения в Laravel?

Question

У меня проблема с моим проектом Laravel. В форме есть вход с атрибутом readonly

<input type="text" name="anamFam" id="anamFam" value="{{$aFam->anam_cont}}" readonly>

и когда я нажимаю кнопку редактирования, мне нужно отключить или удалить атрибут readonly. Поэтому я пытаюсь использовать JavaScript таким образом

function edit() {
    document.getElementById('anamFam').readOnly=false; 
}

Или используя это в js:

document.getElementById('anamFamiliare').removeAttribute('readonly')

А в jQuery я пробовал таким образом

$(document).ready(function ( e) {
        $(document).on("click", "#edit", function (e) {
            $(':input').removeAttr('readonly')
        })
    })

Или используя это в jQuery:

$(':input').prop('readonly',false)

Поэтому, когда я нажимаю кнопку, что-то происходит, когда граница ввода становится черной, но когда я пытаюсь редактировать вход, я не могу редактировать, так как указатель не появляется. Так в чем же проблема

EDIT

Я решил использовать атрибут disabled

Answer 1

для вашего сценария это будет примерно так:

$(document).ready(function(){
   $('#edit').click(function(){
   $("#anamFam").attr("readonly", false); 

   });
});

Answer 2

В вашем коде jQuery используйте следующую строку вместо того, что вы используете

$("#anamFam").attr("readonly", false);

Надеюсь, что это работает.