Javascript-форум - Как задать стили для label, если отмечен вложенный checkbox.

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как задать стили для label, если отмечен вложенный checkbox. (https://javascript.ru/forum/misc/32985-kak-zadat-stili-dlya-label-esli-otmechen-vlozhennyjj-checkbox.html)

Как задать стили для label, если отмечен вложенный checkbox.

Добрый день, уважаемые.

Пол дня просидел, но так и не смог толком ничего сделать. Прошу подскажите, как можно задать css стили label и вложенному checkbox, если этот самый вложенный checkbox отмечен.

<ul class="values">
<li>
<label class="filter">
<input type="checkbox" name="cv10[]" value="Чёрный"><span>Чёрный</span>
</label>
</li>

<li>
<label class="filter">
<input type="checkbox" name="cv10[]" value="Красный"><span>Чёрный</span>
</label>
</li>

</ul>

Это кусок кода фильтра товаров и смысл в том, чтобы отмеченным параметрам фильтра задавался свой стиль. То есть поставили галочку, фон красный, сняли опять белый. :)

Array.prototype.forEach.call(document.getElementsByName('cv10[]'), function(el) {
  el.onchange = function() {
    el.parentNode.style.backgroundColor = (el.parentNode.style.backgroundColor === 'red') ? '#fff' : 'red';
  };
});

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

:dance: