Javascript 多层全选复选框系统

我正在尝试创建一个多层的全选功能。目标是能够选择一个部门内的所有员工或完全选择所有员工。我还需要能够取消选择

到目前为止，我拥有的代码如下：（部门选择工作正常，但我无法让主复选框全部工作）

金融

第一
二号
三号
4号

我对你的js做了一些小修改，请检查

$(function () {
  $('#checkAll').on('click', function () {
    $(document).find(':checkbox').prop('checked', this.checked);
  });
});
$(function () {
  $(".checkall").click(function () {
    $(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
  });
});

请查看工作示例

非常感谢Sandeep:）先生，您是个好人。很好用！

$(function () {
  $('#checkAll').on('click', function () {
    $(document).find(':checkbox').prop('checked', this.checked);
  });
});
$(function () {
  $(".checkall").click(function () {
    $(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
  });
});