Css 检查复选框是否已选中

我想创建下一个逻辑：当我选中复选框为另一个元素应用背景时。我只想使用css来实现这一点

div{
边框：1px纯红
}
输入：选中。父项{
背景：红色；
}

正文

HTML

JQuery

 $('input:checkbox').change(function(){
   if($(this).is(':checked')) 
       $(this).parent().addClass('selected'); 
  else 
      $(this).parent().removeClass('selected')
 });

输出

---

@Roy，不，因为就我而言，我无法更改html。我没有acces@epanalepsis，我在寻找一个只使用css而不是JQUERY的答案我在寻找一个只使用css而不是JQUERY的答案

div{
  border:1px solid red
}
.selected{
  background:red;
}

 $('input:checkbox').change(function(){
   if($(this).is(':checked')) 
       $(this).parent().addClass('selected'); 
  else 
      $(this).parent().removeClass('selected')
 });