Enable/Disable other elements based on selection

Question

<select name="feature1">
  <option value="1">Enable</option>
  <option value="0">Disable</option>
</select>

<input type="checkbox" name="feature2" />
<input type="checkbox" name="feature3" />

How do I disable 'feature2' and 'featured3' inputs when 'disable' in 'feature1' is selected?

Thanks

Answer 1

This automatically enables the items again when 'Enable' is selected, which I assume is also what you want.

$('select[name=feature1]').change(function() {
   $('input[name=feature2],input[name=feature3]').attr('disabled', $(this).val() == '0');
});

Answer 2

I'm going to assume you have ID's the same as your element names, for simplicity

jQuery('#feature1').change(function() {
   jQuery("#feature2, #feature3").attr("disabled", jQuery(this).val() == '0'); 
});