Как добавить класс блоку в зависимости от комбинации радиокнопок?

Question

[Филипп Гаврилов]

Задача такова: есть две группы радио-кнопок, по два инпута в каждой группе.
Всего возможно 4 комбинации выбора: 1+3, 1+4, 2+3 и 2+4, соответственно.

На каждую комбинацию срабатывает добавление класса к диву, и он может быть любой из 4-х фигур (форма задается через css класса).

Вопрос в том, как это хорошо и правильно прописать на js/jq. Поэкспериментировать можно тут:
https://jsfiddle.net/hvyagpea/

Comments

[Дмитрий]

Добрый вечер.
А как Вы пытались решить данную задачу? Показывайте.

[Филипп Гаврилов]

slo_nik, я пытался решить только добавлением доп. класса по клику, но получить разные фигуры не удавалось

[Дмитрий]

Filgavrilov, всё равно надо было добавить свой код. Иначе Ваш вопрос переходит в разряд задания и тогда прямая дорога на fl.ru

[Филипп Гаврилов]

slo_nik, да я знаю...

[Дмитрий]

Filgavrilov, а чего не делаете тогда?

[Филипп Гаврилов]

slo_nik, в будущем буду

Answer 1

[0xD34F]

Так?

Comments

[Филипп Гаврилов]

Да, круто, спасибо!

Сейчас попытаюсь продолжить эту логику для других комбинаций - 2х3, 3х3 и тд.

[Филипп Гаврилов]

В последнем форке я не совсем понимаю что происходит, на случай 3х3 масштабировать не удалось
https://jsfiddle.net/hjg0hsps/

[0xD34F]

Filgavrilov, да, с тройками так не получится. Но можно иначе.

[Филипп Гаврилов]

0xD34F, да, попробовал всё комбинации, включая 4х4, этот вар наиболее универсальный, большое спасибо!

[Филипп Гаврилов]

0xD34F, если взять текст у инпута в label например, то скрипт перестаёт работать. С чем это связано?

https://jsfiddle.net/dy6hd7o8/1/

[0xD34F]

Filgavrilov, с тем, что номер второго input'а оказывается равен 2 вместо 1, из-за label'а между input'ами.

Как быть в этом случае? Да хотя бы так.