jquery - Adding readonly attribute to all form elements

Question

I'm using jQuery to add a readonly attribute to all form elements but can't seem to figure out how to do this.

Here is what I'm trying:

$('#form1').each( function() { $(this).attr('readonly', true); });

I have a simple form using label/input to display form elements. Also I'm using tipsy (Tool tip plug-in) as well as Formalize (Look and Feel Plug-in)

question from:https://stackoverflow.com/questions/4027236/adding-readonly-attribute-to-all-form-elements

Answer 1

Try this:

$('#form1 input').attr('readonly', 'readonly');

• You may want to include more elements #form1 input, #form1 textarea, #form1 select
• In jQuery, you usually don't need to iterate over the collection. attr would work for a collection same as for a single element.
• In your case, #form1 matched just the <form> element, and each was triggered once, for that element. To find all elements (input or not), you can write #form1 *.