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"]')与任何内容都不匹配。

例如，

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

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

Answer 2

你需要

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

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

Answer 3

在$('input[readonly="readonly"]').attr("readonly").prop("disable",true);中，您正在使用的选择器正在查找已经读取的输入。我不认为您想要进行readOnly输入readOnly。

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

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

3 个答案: