Ecmascript 6 按复选框筛选

我有一个复选框。它的名字是filterAll。我希望它是活跃的。全部的 将显示阵列。当复选框被禁用时。所有数组都隐藏。 我想将筛选器用于此操作。但是我的代码不起作用

我有两个复选框。我想知道任何复选框何时处于活动状态。只需选中该复选框的信息

let FlyList=[{
“flkind”：“systemi”
}, {
“flkind”：“systemi”
}, {
“flkind”：“systemi”
},
{
“flkind”：“charteri”
}, {
“flkind”：“charteri”
}, {
“flkind”：“charteri”
},
];
let filter=FlyList.filter（项目=>{
如果（item.flkind=='charteri'）{
item.style.display='block'；
}否则{
item.style.display='none'；
}
});

形象
systemi
形象
systemi
形象
systemi
形象
查特里
形象
查特里
形象
查特里
如果您想通过复选框控制元素的显示/隐藏，下面是一个简化的示例：


const content=document.getElementById（'content'），
filters=document.getElementById（'filters'）；
filters.addEventListener（'change'，函数（e）{
设cb=e.target；
[…content.querySelectorAll（`.${cb.value}`]）].forEach（el=>
el.style.display=
检查
“街区”
: ''
)
})
.a，
.b{
显示：无；
}

滤器
A.


B
如果选中复选框#a，则此选项将可见
如果选中复选框#b，则此选项将可见
您正在将样式应用到您的飞行列表中，我的朋友：）
item.style.display='block'
必须将其应用于html元素。添加样式html
不能有明确的结束标记
。另外，
filter
用于返回包含原始数组中筛选值的数组。要在数组上迭代，请使用
forEach（）
。请为我发送代码。来学习这个代码。