Question

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

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

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..?
    });
});

Answer 1

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

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

或，使用removeAttr()方法

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

参考

:input Selector

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');
});

使用jquery从所有输入框中删除readonly属性？

4 个答案: