Change all inputs with readonly attribute to disabled instead using jQuery

Question

I'm having trouble with my jQuery syntax. Could someone show me how to iterate through all controls on a form that have the readonly attribute, remove the readonly attribute, and make then disabled instead? Thank you.

How about posting what you have so far instead of asking someone to write your code for you? — Justin Helgerson
– Justin Helgerson, Commented Aug 31, 2011 at 18:39

Blazemonger · Accepted Answer · 2011-08-31 18:41:08Z

3

$('input[readonly="readonly"]').removeAttr("readonly").prop("disabled",true);

answered Aug 31, 2011 at 18:41

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

Comments

iCreateAwesome · Accepted Answer · 2011-08-31 18:47:07Z

1

 $("#formID").each('input[readonly="readonly"]', function () {                
       $(this).removeAttr("readonly");
       $(this).attr("disabled", true);
 });

Not sure if you are doing this on page load, or on a link/button click, but this is a start.

answered Aug 31, 2011 at 18:47

iCreateAwesome

4,4841 gold badge18 silver badges6 bronze badges

Comments

Vanni Totaro · Accepted Answer · 2011-08-31 18:49:45Z

0

$('#your_form_id [readonly]').removeAttr("readonly").prop("disabled",true);

answered Aug 31, 2011 at 18:49

Vanni Totaro

5,5612 gold badges31 silver badges44 bronze badges

Collectives™ on Stack Overflow

Change all inputs with readonly attribute to disabled instead using jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related