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

[Lutidza]

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

Пол дня просидел, но так и не смог толком ничего сделать. Прошу подскажите, как можно задать 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>

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

[a_l]

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

[Lutidza]

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