使用jquery以HTML5方式设置/取消设置布尔属性

Question

我按照XHTML规则写了很多代码，所以我有这样的事情：

<input type="text" name="Field1" disabled="disabled">
<input type="text" name="Field2" readonly="readonly">

感谢上帝，HTML5回到了我们可以做到的旧时代：

<input type="text" name="Field1" disabled>
<input type="text" name="Field2" readonly>

但是，如何使用jQuery设置或取消设置这些布尔属性？我总是使用.attr("readonly", "readonly")，但它会生成较旧的XHTML语法。我希望我的代码是HTML5方式，只需“readonly”，或者只是“禁用”。

顺便说一下，使用.prop()对我来说不起作用，我需要真正改变标记的属性，因为我根据这些属性有CSS规则。有什么想法吗？

提前致谢。

Answer 1

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

我想你也可以......

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