Question

I have a form which at some point in its life has three choices. Depending on which item is checked more form elements will drop down. At the moment these are just hidden and will show/hide on click. However when validating these are still in the DOM. I didn’t want to have to remove them and add them again each time. Is there a simpler way of enabling/disabling a chunk of form options?

Answer 1

I have used this in a form to disable inputs. However they are always going to be in the DOM and depending on how you are validating the form, this may not be the answer.

$('#elementwrapper input').each(function() {
    $(this).attr('disabled', 'disabled');
});
$('#elementwrapper select').each(function() {
    $(this).attr('disabled', 'disabled');
});