如果选中内部复选框，更改 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

如果选中内部复选框，更改 div 背景颜色

Change div background color if checkbox inside is checked

javascript

checkbox

jquery

checked