How can I disable all elements inside a FieldSet in jQuery?

Question

Hi everyone!!

I have 2 <fieldset> on my page, but one of them should have all of it inside elements disabled depending on some user's choice.

I have inside it input texts, selects and links. Is there a way to disable all of them instead of disable one by one?

Thanks!!

Answer 1

What about using the children selector?

$.("#myfieldeset").children().attr("disabled", "disabled");

You can also filter the children selection:

$.("#myfieldeset").children("a,input")

Answer 2

Assuming you set a class="disableMe" on the fieldset you want to disable any input elements then the following code should do what you need:

$('fieldset.disableMe :input').attr('disabled', true)

Answer 3

If for some reason you can't add an ID to the fieldset (which is usually preferred), you can always do this to hide all it's children elements:

$('fieldset:first > *').attr('disabled','disabled');