Изменить цвет фона div, если флажок установлен внутри.

Question

Я ищу способ изменить цвет фона div, который является родительским элементом флажка. Однако я хочу, чтобы он менял цвет фона, когда атрибут «checked» находится внутри тега.

HTML

<div class="company"> 
     <input type="checkbox" name="Selected[]" class="checkboxC" value="8" checked> 
      Company 8 
</div> 
<div class="company"> 
     <input type="checkbox" name="Selected[]" class="checkboxC" value="9"> 
      Company 9 
</div> 

Таким образом, в приведенном выше примере, я только хочу DIV с флажком 8, чтобы изменить цвет фона. 9 Сохраняет цвет по умолчанию. Я также ничего не могу сделать с атрибутом name, потому что это взято PHP. Любая помощь в том, как я могу исправить это, используя Javascript/jQuery?

Answer 1

Вы можете использовать JQuery для обновления родительского цвета фона всех этих проверенных входов, как только документ будет готов:

$(function() { 
    $('input:checked').parent().css('background-color', 'red'); 
}); 

demo См