使用 jquery 從所有輸入框中刪除只讀屬性？

Question

我有多個輸入文本框，默認情況下都是只讀的。

我想刪除表單中所有輸入元素的只讀屬性而不是特定元素，我不知道使用 jQuery 如何選擇所有輸入並刪除添加的只讀屬性。

網址：

<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">

查詢：

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

Answer 1

您應該使用prop()來設置屬性

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

或者，使用removeAttr()方法

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

參考

• :輸入選擇器

Answer 2

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

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

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

Answer 3

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

並為您希望允許用戶編輯的所有輸入元素添加一個類；

Answer 4

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