Здравствуйте. Прошу помощи, не знаю как правильно написать код, который перед отправкой формы проверит активен-ли хоть один 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 разбирается.