Javascript 如何将选中复选框的数量添加到此jquery/js代码中

请告诉我如何在这行代码中添加和显示复选框的编号

以下是复选框的工作原理： 它有一个父和子复选框；当我选中父复选框（Checkall）时，它选中所有（子复选框）并显示一个div；当我选中每个子复选框（Single）时，它也显示div；当我取消选中（父/子）时，div隐藏（jquery hide and show）

所以，我的问题是，我想在代码中添加复选框计数器。如何在我检查父项（全部检查）和每个子项（单个）时显示计数，并且我的div仍将显示（隐藏和显示）

请帮忙。先谢谢你。 您可以改进代码（翻新）或重写。下面是代码

$（文档）.ready（函数（）{
$（“#全局”）。单击（函数（）{
$（'.child'）.prop（'checked'，$（this）.is（':checked'）；
如果（$（this）.is（':checked'））
$（'#mydiv'）.show（）；
其他的
$（'#mydiv'）.hide（）；
});
$（'.child'）.change（函数（）{
var checkedLength=$（'.child:checked'）.length；
如果（检查长度>0）
$（'#mydiv'）.show（）；
其他的
$（'#mydiv'）.hide（）；
});
});

恢复|删除


这将显示选中的子复选框的数量：


$（文档）.ready（函数（）{
$（“#全局”）。单击（函数（）{
$（'.child'）.prop（'checked'，$（this）.is（':checked'）；
如果（$（this）.is（':checked'））
$（'#mydiv'）.show（）；
其他的
$（'#mydiv'）.hide（）；
计数（）；
});
$（'.child'）.change（函数（）{
var checkedLength=$（'.child:checked'）.length；
如果（检查长度>0）
$（'#mydiv'）.show（）；
其他的
$（'#mydiv'）.hide（）；
计数（）；
});
});
变量计数=函数（）{
var i=$（'input.child:checked'）。长度；
$（'#counter'）.html（i）；
}

恢复|删除
选中的：


什么不起作用<代码>$（'.child:checked'）。长度在我看来很合适。@Rory McCrossan。请问，我如何真正写出代码，你能解释一下吗？请做一个简单的解释。如果我选中最后一个孩子复选框，它不起作用，它显示
0
，而它应该打印
1
。干得好！！！！！！！！！！！！！！但欧普仍然没有建议他将这个计数器显示在哪里，它应该在页面上可见。@John Kapantzakis。请再提一个要求。如果未选中子复选框，则全局复选框仍保持选中状态，如果选中了所有子复选框，则还应选中全局复选框。此外，我希望在同一页面上重复使用代码（项目就像一个选项卡式邮件UI），因此，我在选项卡（收件箱）上使用了代码，并更改了（发件箱）的所有参数，但不起作用。我怎样才能再次使用这些代码。提前谢谢