如何在 Laravel 中禁用输入只读？

Question

I've a problem in my Laravel project. In a form I've the input with readonly attribute

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

and when I press the button edit I need to disable or remove the readonly attribute. So I try to use javascript in this way

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

Or using this in js:

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

And in jQuery I tried in this way

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

Or using this in jQuery:

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

So when I click the button something happens as the input border become black, but when I try to edit in the input I can't edit as the pointer doesn't appear. So what is the problem

EDIT

I solved using disabled attribute

Answer 1

In your jQuery code, use the following line instead of what you are using

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

Hope it works.

Answer 2

for your scenario, it would be something like this:

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

   });
});

Answer 3

onclick="document.getElementById('awake_morning_{{$el->id}}').readOnly=false"