Как отключить элементы при выбранном чекбоксе а потом включить при снятом?

Question

[Legioner911]

Добрый день!
Задача получается такая, когда хотя бы один из чекбоксов .maincheck1 выбран нужно включить все .option1, а когда не выбраны .maincheck1 ни одного нужно выключить все .option1 . Получилось только включить. В чем проблема, исправьте пожалуйста, спасите....

<input id="cat1" class="maincheck1" type="checkbox" class="mainОption" name="test" value="5000"/>
<input id="cat2" class="maincheck1" type="checkbox" class="mainОption" name="test" value="9000" />
<hr/>
<input id="subcat" type="checkbox" class="option1" name="test1" value="1000" disabled/>
<input id="subcat" type="checkbox" class="option1" name="test1" value="1000" disabled/>
<input id="subcat" type="checkbox" class="option1" name="test1" value="1000" disabled/>

$('.maincheck2').change(function(){	
		    $('.option1 input[name="' + $(this).attr('name') +'"]').removeAttr('disabled');
		    $('.option1').prop('disabled', false);
});

С уважением!

Answer 1

[lega]

jsfiddle.net/lega911/fqb5LruL