Javascript 无法选择所有父元素

我有一个问题，如果我选中了子元素，我无法选中所有父元素，只有一个最近的父元素，但我需要所有元素

在你可以看到我勾选了“child1”，“Test_2”也勾选了，但“Test”没有勾选。在另一边，若检查“测试”，他的孩子检查的所有工作就像一个符咒

请参阅我的代码：

$（文档）.ready（函数（）{
//树
var trees=document.queryselectoral（'.tree'）；
树.forEach（函数（t）{
$（t）。查找（'图例'）。单击（函数（）{
$（this）.closest（'fieldset'）.toggleClass（'showtree'）；
});
[]forEach.call（t.querySelectorAll（'fieldset'）、function（eFieldset）{
var main=[].filter.call（t.querySelectorAll（'[type=“checkbox”]”），函数（元素）{return element.parentNode.nextElementSibling==eFieldset；}）；
main.forEach（函数（eMain）{
var l=[].filter.call（eFieldset.queryselectoral（'legend'），函数（e）{returne e.parentNode==eFieldset；}）；
l、 forEach（函数（eL）{
var all=eFieldset.querySelectorAll（'[type=“checkbox”]'）；
eMain.onclick=函数（）{
对于（变量i=0；i字段集>图例，
.tree.showtree>字段集>图例{
位置：绝对位置；
左：-4px；
顶部：4px；
高度：8px；
宽度：8px；
边缘顶部：-1米；
填充：0；
边框：1px实心#94a5bd；
边界半径：2px；
背景重复：无重复；
背景位置：50%50%；
背景色：#fff；
背景图像：线性渐变（向左，#1b4964，#1b4964），线性渐变（#1b4964，#1b4964），线性渐变（315度，#a0b6d8，#e8f3ff 60%，#fff 60%）；
背景尺寸：1px 5px，5px 1px，100%100%；
能见度：可见；
光标：指针；
}
.tree字段集[class=”“]。显示树字段集图例{
可见性：隐藏；
}
.tree.showtree>图例{
背景图像：线性梯度（#1b4964，#1b4964）！重要；
背景尺寸：5px 1px！重要；
}

试验
测试2
测试器ret
测试员2
测试员1
测试员8
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员3
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员4
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员5
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员6
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员7
孩子1
孩子2
孩子3
孩子4
孩子5
孩子6
测试员9
孩子1
孩子2
孩子3
孩子