Как сделать выбор группы чекбоксов на JS?

Question

[Андрей Верх]

Помогите пожалуйста найти решение или доработать существующее, для переключения группы чекбоксов, одним родительским.



Сложность в том, что один вариант, должен быть в нескольких группах одновременно.

Сейчас использую такой код, который отлично работает если один вариант, чётко к одной группе относится — https://jsfiddle.net/. Нужно такое же, только с возможности перечисления нескольких групп, для чекбокса

<input class="js-checkitem" data-check="drama,comedy,action" type="checkbox">

Заранее спасибо за любые советы и подсказки.

Answer 1

[Андрей Верх]

Всё оказалось не так сложно как я думал. Вот что сделал— https://jsfiddle.net/

Добавил перебор значений в цикле и селекторы изменил на "вхождение". Само поведение не супер идеальное, в плане логики, но меня устроило.

Answer 2

[Cannabiscat]

https://jsfiddle.net/fdhu93o4/4/

Comments

[Андрей Верх]

Работает не совсем верно. Не отслеживается изменение групп. Галочки в "вариантах" можно менять, а в "группах", они не меняют состояние.

[Андрей Верх]

То есть если я выберу "группу", а потом сниму одну из галочек в "вариантах", то и с группы галка должна пропасть.

[Cannabiscat]

https://jsfiddle.net/fdhu93o4/5/

[Андрей Верх]

Cannabiscat: Спасибо за доработку. Но всё ещё если сначала выбрать чекбокс, не меняются группы и вся логика ломается.

[Cannabiscat]

Андрей Верх: вот вы чётко логику пропишите, что вы хотите получить, составьте ТЗ и обратитесь к программисту за деньги)
В изначальном задании вы просили о подсказке по совершенно другой задаче - никакой обратной связи фильмы-группа не подразумевалось. Подсказку вам дали. Смотрите-думайте-пишите! Успехов)

[Андрей Верх]

Cannabiscat: Ок. Спасибо что попробовали. Буду дальше сам пробовать...

В изначальном коде и демке, видно принцип работы. Да и везде подобные вещи, так и работают — главный чекбокс, меняется вместе с зависимыми...иначе какой в них смысл. Не подумал что это нужно озвучивать.

[Cannabiscat]

Андрей Верх: Эх, вы бы знали, сколько тонн нервных клеток было уничтожено именно из-за не-озвучивания подобных вещей) А логика в вашей задаче действительно не очевидна.