如何为<input>添加“只读”属性？

Question

如何添加readonly到特定内容<input>？.attr('readonly')不起作用。

Answer 1

jQuery <1.9

$('#inputId').attr('readonly', true);

jQuery 1.9以上

$('#inputId').prop('readonly', true);

阅读有关prop和attr之间差异的更多信息

Answer 2

使用$ .prop（）

$("#descrip").prop("readonly",true);

$("#descrip").prop("readonly",false);

Answer 3

只读是html中定义的属性，因此请一视同仁。

如果您希望对象不可编辑，则需要在其使用的对象中包含readonly =“ readonly”之类的内容。而且，如果您希望它再次可编辑，您将不会有readonly =''之类的东西（如果我理解正确的话，这是不标准的）。您确实需要整体删除该属性。

因此，在使用jquery时添加和删除它才有意义。

将内容设置为只读：

$("#someId").attr('readonly', 'readonly');

删除只读：

$("#someId").removeAttr('readonly');

这是对我真正有效的唯一选择。希望能帮助到你！