当选中复选框时，更改 div 的背景颜色

Question

我想做的是，当选中该复选框时，更改 div 的背景颜色，当未选中时，删除背景颜色。我怎样才能使用 jquery 做到这一点？

<div class="checkbox-container">
    <input type="checkbox" class ="checkbox-border" id="personal-info-checkbox">
      <label for="personal-info-checkbox"> Mark as reviewed and acknowledged
      </label>
 </div>

使用父选择器和 .removeclass 我不知道如何选择我的 div 并使用 jquery 关闭和打开颜色。

Answer 1

你不需要 jQuery 来做到这一点，
你只能使用 css 来做到这一点。

    .checkbox-container:has(input:checked) {
    background-color: red;
}

:haschromium、safari 支持伪类。
对于 Firefox，需要启用标志。了解更多信息，请访问 mdn:: has 伪类