Remove readonly attribute from all input box using jquery?

Question

I have multiple input text boxs all are by default read-only.

I want to Remove readonly attribute for all the input element within my form instead of particular element, i dont have any idea that with the jQuery how i can select all input and remove the readonly attributes if are added.

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 — B-and-P
– B-and-P, Commented Mar 29, 2016 at 6:20
@JohnR , i guess removing readonly attribute for an individual input element and within an entire form is a different thing with selecting all the inputs using jQuery! He might not have an idea that how to select all the inputs of a form using jQuery — Punit Gajjar
– Punit Gajjar, Commented Mar 29, 2016 at 7:02

Satpal · Accepted Answer · 2016-03-29 06:20:34Z

7

You should use prop() to set the properties

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

OR, Use removeAttr() method

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

References

:input Selector

answered Mar 29, 2016 at 6:20

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

itzmukeshy7 · Accepted Answer · 2016-03-29 06:22:45Z

0

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

and add a class to all input elements you wants to allow user available to edit;

answered Mar 29, 2016 at 6:22

itzmukeshy7

2,6781 gold badge24 silver badges30 bronze badges

Comments

Ibrahim Khan · Accepted Answer · 2016-03-29 06:25:48Z

0

Use removeAttr() method like following.

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

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

edited Mar 29, 2016 at 6:25

answered Mar 29, 2016 at 6:20

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Comments

user6116679 · Accepted Answer · 2016-03-29 06:40:22Z

0

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

answered Mar 29, 2016 at 6:40

user6116679

Collectives™ on Stack Overflow

Remove readonly attribute from all input box using jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related