Javascript html只读属性不可删除

我想从以下输入字段中删除readonly属性：

<input id="cno" name="cno" type="number" class="form-control" readonly />
<button type="button" id="no-edit" class="btn btn-warning">Edit</button>

我还尝试使用：

 $("#no-edit").click(function() {
   $("#cno").removeAttr('readonly');
});

---

请帮忙！我不明白它为什么会失败。

把它包装在文档中。准备好了对我有用

$(document).ready(function () {
        $("#no-edit").click(function() {
           $("#cno").removeAttr('readonly');
       });
})

试试这个：

$("#no-edit").click(function() {
   $("#cno").prop('readonly', false);
});

---

它的工作原理和它想象的一样。是否包含jquery库？当然还有非jQuery方式：

document.getElementById（'cno'）。readonly=false另起自：“请勿使用此方法删除本机属性，如选中、禁用或选中。这将完全删除该属性，并且一旦删除，将无法再次添加到元素中。请使用.prop（）将这些属性改为
false
。”
$("#no-edit").click(function() {
   $("#cno").prop('readonly', false);
});