当勾选复选框时，如何将类添加到复选框的容器div中？

当使用jquery激活复选框（input.check-group）时，我想为容器添加背景颜色（div.checkbox_db）。 我可以这样做吗？ 这是我正在使用的html代码：

  Checkbox  

Answer 1

 $('.check-group').click(function(){ if($(this).is(':checked')){ $(this).parent().addClass('some_class'); }else{ $(this).parent().removeClass('some_class'); } }); 

Answer 2

我想这就是你想要的：

JavaScript的

 $(".grid_3").removeClass('off-check'); $('.check-group').click(function(){ if($(this).is(':checked')){ $(this).parent().addClass('off-check'); } else { $(this).parent().removeClass('off-check'); } }); 

样式表

 .off-check{ background-color:yellow; } 

在这里演示： http ： //jsfiddle.net/kxFCd/