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

我的Laravel项目有问题。在表单中，我使用readonly属性保存输入

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

或者在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)

因此，当我单击按钮时，输入边框变黑时会发生一些事情，但是当我尝试在输入中编辑时，我无法编辑，因为指针没有出现。那么问题是什么呢

编辑

---

我解决了在jQuery代码中使用禁用属性的问题，请使用下面的行，而不是您正在使用的

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

---

希望它能起作用。

对于您的场景，应该是这样的：

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

   });
});

---

第一个本机js版本按预期工作：若有任何错误，你们能在google chrome的控制台中检查吗？使用disabled和readonly是两回事。您可能会遇到禁用attributeHi simone的问题！与其将答案作为问题的编辑，不如将其作为答案，并将其标记为已接受。这样，帮助别人会更容易，你也会因此得到回报。我现在肯定会给你投票。欢迎并感谢你给出答案。请花一点时间解释你的答案，它可以帮助OP和未来的读者。

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

   });
});

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