Javascript 检查'；选中'；复选框

我正在创建一个带有复选框的下拉列表，我希望所选元素转到一个数组

我把它们列为：

• 如果全部选中，则数组包含“全部”
• 如果取消选择“全部”并选择其中一个，则这些选定值将进入数组
• 如果选择了“全部”，并且您取消选择了另一个元素，“全部”将变为选中的false

我唯一被卡住的部分是，如果您取消选择某个元素，那么只需将选中的元素发送到数组

所有元素都被选中，我取消选择第二个选项，那么数组将为空，而不是包含选中的内容

要获取数组的值，需要单击下拉列表

这是我的密码：

let itemsSelected=[]
var checkList=document.getElementById（'list1'）；
var items=document.getElementById（'items'）；
checkList.getElementsByCassName（'anchor'）[0]。onclick=function（evt）{
if（items.classList.contains（'visible'））{
items.classList.remove（'visible'）；
items.style.display=“无”；
警报（已选择项）
}否则{
items.classList.add（'visible'）；
items.style.display=“block”；
}
}
$（'.checkValue'）.change（函数（）{
如果（$（this）.is（':checked'））{
itemsSelected.push（$（this）.parent（'li'）.text（））
}否则{
$（'.all'）.prop（'checked'，false）
var搜索_术语='全部'；
var index=itemsSelected.indexOf（search_term）；//您可以使用
querySelectorAll
获取所有选中的输入

document.querySelectorAll('#list1 ul li input:checked');

演示


let itemsSelected=[]
var checkList=document.getElementById（'list1'）；
var items=document.getElementById（'items'）；
checkList.getElementsByCassName（'anchor'）[0]。onclick=function（evt）{
if（items.classList.contains（'visible'））{
items.classList.remove（'visible'）；
items.style.display=“无”；
警报（已选择项）
}否则{
items.classList.add（'visible'）；
items.style.display=“block”；
}
}
$（'.checkValue'）.change（函数（）{
如果（$（this）.is（':checked'））{
itemsSelected.push（$（this）.parent（'li'）.text（））
}否则{
$（'.all'）.prop（'checked'，false）
var搜索_术语='全部'；
var index=itemsSelected.indexOf（搜索项）//