我正在使用WordPress的插件“联系表单7”，我想定制表单的样式。因此，在某种程度上，表单包含几个复选框，插件生成的代码是：

<div class="checkbox">
    <label><input class="wpcf7-form-control wpcf7-checkbox" id="check-brand" name="check-brand" type="checkbox" value="Brand">Brand</label>
</div>

我想做的是在用户选中复选框时向父div添加另一个类。我试过其他帖子中的几个代码片段，但由于某种原因，它们似乎什么都没做。我当前使用的代码是：

$(function(){
  $(".checkbox").on("click",function(){
    if($(this).is(":checked")){
      $(".checkbox").addClass("selected");
    }else{
      $(".checkbox").removeClass("selected");
    }
  })
});

无论我尝试了什么，代码似乎都没有添加或更改任何内容。有什么想法吗？

$(function() {
    $(\'.checkbox\').click(function() {
        if ($(\':checked\', this).length > 0) {
            $(this).addClass(\'selected\');
        } else {
            $(this).removeClass(\'selected\');
        }
    });
});

我正在使用WordPress的插件“联系表单7”，我想定制表单的样式。因此，在某种程度上，表单包含几个复选框，插件生成的代码是：

<div class="checkbox">
    <label><input class="wpcf7-form-control wpcf7-checkbox" id="check-brand" name="check-brand" type="checkbox" value="Brand">Brand</label>
</div>

我想做的是在用户选中复选框时向父div添加另一个类。我试过其他帖子中的几个代码片段，但由于某种原因，它们似乎什么都没做。我当前使用的代码是：

$(function(){
  $(".checkbox").on("click",function(){
    if($(this).is(":checked")){
      $(".checkbox").addClass("selected");
    }else{
      $(".checkbox").removeClass("selected");
    }
  })
});

无论我尝试了什么，代码似乎都没有添加或更改任何内容。有什么想法吗？

$(function() {
    $(\'.checkbox\').click(function() {
        if ($(\':checked\', this).length > 0) {
            $(this).addClass(\'selected\');
        } else {
            $(this).removeClass(\'selected\');
        }
    });
});