使用jquery从所有输入框中删除只读属性？答案

【问题标题】：Remove readonly attribute from all input box using jquery?使用jquery从所有输入框中删除只读属性？
【发布时间】：2016-03-29 06:19:34
【问题描述】：

我有多个输入文本框，默认情况下都是只读的。

我想删除表单中所有输入元素的只读属性，而不是特定元素，我不知道如何使用 jQuery 选择所有输入并删除只读属性（如果已添加）。

HTML：

<input type="text" name="fistname" readonly="true">
<input type="text" name="lastname" readonly="true">
<input type="text" name="emailaddres" readonly="true">
<input type="text" name="password" readonly="true">
<input type="button" name="edit" id="edit">

jQuery :

$(document).ready(function(e){
    $(document).on("click","#edit",function(e){
         // What should i do here..?
    });
});

【问题讨论】：

$('input').removeAttr('readonly') api.jquery.com/removeAttr
可能重复stackoverflow.com/questions/2496443/…
@JohnR ，我想删除单个输入元素和整个表单中的只读属性与使用 jQuery 选择所有输入不同！他可能不知道如何使用 jQuery 选择表单的所有输入

标签： php jquery

【解决方案1】：

你应该使用prop()来设置属性

$(':input').prop('readonly', false)

OR，使用removeAttr() 方法

$(':input').removeAttr('readonly')

参考文献

:input Selector

【讨论】：

【解决方案2】：

$('input.canEdit').attr('readonly', false);

并向您希望允许用户编辑的所有输入元素添加一个类；

【讨论】：

【解决方案3】：

使用removeAttr() 方法，如下所示。

$(document).on("click","#edit",function(e){
    $('input[type=text]').removeAttr('readonly');

    //$(':input').removeAttr('readonly'); //if want to select all types of form controls
});

【讨论】：

【解决方案4】：

$('#edit').click(function (){
   $('input[type=text]').removeAttr('readonly');
});

【讨论】：