Как сделать проверку в jquery?

Здравствуйте. Прошу помощи, не знаю как правильно написать код, который перед отправкой формы проверит активен-ли хоть один checkbox с заданным классом и в зависимости от этого установит или снимет другому (главному) чекбоксу.

Пример кода:
<form id="form">
	<!--главные чекбоксы-->
	<div class="glavnie">
		<input class="xl" type="checkbox" name="hren" />
		<input class="xxl" type="checkbox" name="hren" />
		<input class="xxxl" type="checkbox" name="hren" />
	</div>
	
	<!--foreach второстепенных-->
	<div class="foreachblock">
		<label><input class="xl" type="checkbox" name="rand" /> XL</label>
		<label><input class="xxl" type="checkbox" name="rand" /> XXL</label>
		<label><input class="xxxl" type="checkbox" name="rand" /> XXXL</label>
	</div>
	<!--foreach второстепенных-->
	<div class="foreachblock">
		<label><input class="xl" type="checkbox" name="rand" /> XL</label>
		<label><input class="xxl" type="checkbox" name="rand" /> XXL</label>
		<label><input class="xxxl" type="checkbox" name="rand" /> XXXL</label>
	</div>
	<!--foreach второстепенных-->
	<div class="foreachblock">
		<label><input class="xl" type="checkbox" name="rand" /> XL</label>
		<label><input class="xxl" type="checkbox" name="rand" /> XXL</label>
		<label><input class="xxxl" type="checkbox" name="rand" /> XXXL</label>
	</div>
	<!--и т.д. foreach будет много-->
	
	<button type="submit" value="">Сохранить</button>
</form>


Как видите, у второстепенных input одинаковые классы с главными. Никак не могу правильно написать код, который будет проверять перед отправкой формы, чекнут хоть один второстепенный input и если хоть один например второстепенный инпут с классом xl чекнут, то и главный инпут с этим-же классом будет чекнут, так-же наоборот соответственно.

Помогите пожалуйста, кто хорошо в js разбирается.
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 2
@nweb
$('button[type=submit]').on('click', getCheck);
        function getCheck() {
            var checked = $('.foreachblock :checked'); 
            checked.each(function(){
                $('.glavnie').find('.' + $(this).attr('class')).attr('checked', true); 
            });

Непонятно это:
так-же наоборот соответственно.
Ответ написан
Комментировать
@kulaeff
Front-end developer
Добавьте к второстепенным инпутам дополнительный класс и нет проблем.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы