Jquery - 在单击按钮时启用编辑器用于文本字段

Question

我有一个编辑器，它开始禁用，看起来像这样

@Html.EditorFor(job => j.serialNumber, new { htmlAttributes = new { @class = "form-control", disabled = true} })

然后在下面我有一个看起来像这样的编辑按钮

<input id="edit@(j.serialNumber)" type="button" class="noprint btn btn-primary" value="Edit" onclick="enableEdit('@(j.serialNumber)')" />     

这调用我的启用编辑方法，该方法当前如下所示

function enableEdit(serialNumber) {

}

为了启用"EditorFor"文本框，我必须向方法添加什么？

Answer 1

您可以通过以下方式设置 EditorFor 元素的 id：

@Html.EditorFor(job => j.serialNumber, new { htmlAttributes = new { @class = "form-control", @id = "my-editor", disabled = true} })

然后，在您的方法中，您可以通过 jquery 选择它并设置禁用的 prop。

$("#my-editor").prop("disabled", false);

https://learn.jquery.com/using-jquery-core/faq/how-do-i-disable-enable-a-form-element/