javascript - 保存更改后启用只读文本框

Question

我有一些可在同一页面中编辑的表格。每个文本框的第一个属性是只读的，当我按下编辑按钮时，它将变为可编辑，使用此语法

$('input[readonly="readonly"]').removeAttr("readonly").prop("enabled",true);

当我按下保存按钮时，我希望它再次变为只读。我试图将其更改为

 $('input[readonly="readonly"]').attr("readonly").prop("disable",true);
  and
 $('input[readonly="readonly"]').attr("readonly").prop("readonly",true);

但它不会再次变为只读。

有没有合适的方法来做到这一点？

Answer 1

在$('input[readonly="readonly"]').attr("readonly").prop("disable",true);中，您正在使用的选择器正在寻找一个已经是只读的输入，我认为您不想将只读输入设为只读。

给它一个 ID 或找到另一种方法来选择它，然后执行$("#myInput").attr("disabled", "disabled")。在铬上测试。

Answer 2

当您按下编辑按钮时，只读属性已被删除。

所以，$('input[readonly="readonly"]')不匹配任何东西。

---

例如，

$('input[type="text"]').attr("readonly", "readonly");

将所有文本框设置为只读。

Answer 3

你需要

$('<your-selector>').prop("disable",true).attr("readonly", "readonly");

因为调用.attr("readonly")只返回属性的值，所以readonly在这里您需要设置readonly属性值，您需要将两个参数传递给.attr()