首页 > 解决方案 > 如何在 Laravel 中禁用只读输入?

问题描述

我的 Laravel 项目有问题。在一个表单中,我输入了带有 readonly 属性的输入

<input type="text" name="anamFam" id="anamFam" value="{{$aFam->anam_cont}}" 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)

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

编辑

我使用disabled属性解决了

标签: javascriptphpjqueryhtmllaravel

解决方案


在您的 jQuery 代码中,使用以下行而不是您正在使用的行

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

希望它有效。


推荐阅读