vue复选框异常，如果其中的所有复选框都为true，如何切换全局复选框

Question

我如何使用具有以下结构的复选框系统： 我有多个复选框组，每个复选框组里面都有自己的复选框。 并且如果其中所有子复选框都为true，则将爸爸复选框切换为true。 如果其中一个孩子为假，则将其复选框从“ daddy”复选框切换为“ false”。 爸爸复选框只有在自己所有的孩子都都设置为true的情况下才应该为true。

我做了一些codeandbox来显示我的意思。

This is the tale of the childrens and there daddy (checkbox)

Answer 1

您的沙箱已更新。 您只是返回了checkGroupCheckbox函数中选中的复选框。

您需要检查复选框的长度是否等于所有复选框的长度，并更新当前组的复选框。

methods: {
    checkGroupCheckbox(group) {
      group.checked =
        group.checkboxes.filter(item => item.checked).length ===
        group.checkboxes.length;
    }
  }

更新过的小提琴here。