Question

我在Laravel项目中遇到问题。在表单中，我的输入具有readonly属性

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

，当我按下按钮编辑时，我需要禁用或删除只读属性。所以我尝试以这种方式使用

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)

因此，当我单击按钮时，输入边框变黑，但是当我尝试在输入中进行编辑时，由于指针未出现，所以无法进行编辑。那是什么问题

编辑

我使用disabled属性解决了

Answer 1

在jQuery代码中，使用以下行代替您正在使用的行

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

希望它能起作用。

Answer 2

对于您的情况，应该是这样的：

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

   });
});

Answer 3

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

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

3 个答案: