Javascript 如果选中了包含多个复选框的div中的一个复选框，则向所有复选框添加类

我想将一个类添加到一个div中的所有复选框中，如果该div中只有一个复选框被选中。我不认为我离得太远，但我被卡住了。这是我得到的

var checkboxes = $("#myContent input[type='checkbox']");
$(document).on("click", checkboxes, function() {
    if(checkboxes.is(":checked")) {
        checkboxes.removeClass('invalid').addClass('valid');
    }
    else {
        checkboxes.removeClass('valid').addClass('invalid');
    }
});

我尝试过用一个警报代替addClass/removeClass，但在选中一个框和取消选中时（我在“else”语句中得到的警报）都会得到相同的警报。我一定离这里很近，有人知道我错过了什么吗

我的HTML如下（我也在使用Smarty）：

{foreach from=$cLibrary key=k item=l}

要检查条件，请使用

if（this.checked）

如果在变量中定义复选框选择器，则动态元素不会计数。因此，授权事件是没有用的

---

我找到了这份工作

 $(function(){

  $(".checkbox").on("click",function(){

    if($(this).is(":checked")){

      $(".checkbox").removeClass("invalid").addClass("valid");

    }else{

      $(".checkbox").removeClass("valid").addClass("invalid");
    }

  })
});


  <div id="wrapper">
   <input type="checkbox" class="checkbox">
   <input type="checkbox" class="checkbox">
   <input type="checkbox" class="checkbox">
    <input type="checkbox" class="checkbox">
  <input type="checkbox" class="checkbox">
</div>

$（函数（）{
$（“.checkbox”）。在（“单击”，函数（）{
如果（$（this）.is（“：checked”））{
$（“.checkbox”）.removeClass（“无效”）.addClass（“有效”）；
}否则{
$（“.checkbox”）.removeClass（“有效”）.addClass（“无效”）；
}
})
});

var复选框=$（“myContent输入[type='checkbox']）；checkbox.on（“单击”，函数（）{if（this.checked）{checkbox.removeClass（'invalid'）.addClass（'valid'）；}else{checkbox.removeClass（'valid'）.addClass（'invalid'）；}）我的道歉-添加我的问题时输入错误！我确实有#因为它是一个id。不幸的是，这也没有运气
$(document).on("click", "#myContent :checkbox", function (e) {

    if (this.checked) {
        $('#myContent :checkbox').removeClass('invalid').addClass('valid');
    } else {
        $('#myContent :checkbox').removeClass('valid').addClass('invalid');
    }
});

 $(function(){

  $(".checkbox").on("click",function(){

    if($(this).is(":checked")){

      $(".checkbox").removeClass("invalid").addClass("valid");

    }else{

      $(".checkbox").removeClass("valid").addClass("invalid");
    }

  })
});


  <div id="wrapper">
   <input type="checkbox" class="checkbox">
   <input type="checkbox" class="checkbox">
   <input type="checkbox" class="checkbox">
    <input type="checkbox" class="checkbox">
  <input type="checkbox" class="checkbox">
</div>