单击按钮时如何删除只读属性答案

【问题标题】：How to remove readonly attribute when button is clicked单击按钮时如何删除只读属性
【发布时间】：2016-05-28 09:06:23
【问题描述】：

单击Edit 按钮时如何删除readonly 属性？如果单击，我的代码可以正常工作，但一秒钟后输入表单返回到readyonly。

<input class="form-control" name="fullname" value="<php echo $fullname; ?>" readonly/>
<button class="btn btn-primary" id="btnEdit" > edit </button>

<script>
    $(document).ready(function(){
        $('#btnEdit').click(function(){
            $("input[name='fullname']").attr("readonly", false);   
        });
    });
</script>

【问题讨论】：

按钮导致表单提交？
我认为您还有一些其他代码使该字段只读。您最好找到负责使字段只读的代码。也许表单会使用 ajax 请求更新？
api.jquery.com/removeAttr - readonly 是一个布尔属性，意味着它的存在就是工作所需要的一切。
removeAttr 不是正确的方法。请改用.prop。示例$(element).prop('readonly', false).
how we add or remove readonly attribute from textbox on clicking radion button in cakephp using jquery?的可能重复

标签： javascript php jquery

【解决方案1】：

你应该使用jQuery removeAttr

$(document).ready(function(){
    $('#btnEdit').click(function(){
        $("input[name='fullname']").removeAttr( "readonly" ); 
    });
});

【讨论】：

@expert123 没问题，如果可行，请您接受答案

【解决方案2】：

试试这个你必须使用 removeAttr reference link

<script>
$(document).ready(function()
{
 $('#btnEdit').click(function()
 {
   $("input[name='fullname']").removeAttr("readonly");  
 });

 });

 </script>

【讨论】：