我使用javascript显示带有一些列表的复选框

我正在使用复选框打印阵列列表，场景是如果我单击一个复选框，它将显示阵列中的数字列表，因此我的问题是如果我单击它显示的任何复选框，如果我取消选中列表仍在显示中？所以我想要的代码，如果我取消选中我的列表应该去，当我点击它应该显示

var-men=[1,2,5,4,8,1,5]；
var女性=[45,55,45]；
var children=[256365]；
document.getElementById（“checkbox1”）.onchange=function（）{
对于（i=0；i，因为一旦显示了所有li，您将从元素中删除
onchange
事件，而不是隐藏它们，请参阅下面的更新


var-men=[1,2,5,4,8,1,5]；
女性风险值=[45,55,45]；
var children=[256，365]；
document.getElementById（“checkbox1”）.onchange=function（）{
如果（选中此项）{
对于（i=0；i”+men[i]+“”；
//document.getElementById（“checkbox1”）.onchange=''；
}
}否则{
document.getElementById（“userlist”）.innerHTML=''；
}
}
document.getElementById（“checkbox2”）.onchange=function（）{
如果（选中此项）{
对于（i=0；i”+女性[i]+“”；
//document.getElementById（“checkbox2”）.onchange=''；
}
}否则{
document.getElementById（“userlist”）.innerHTML=''；
}
}
document.getElementById（“checkbox3”）.onchange=function（）{
如果（选中此项）{
对于（i=0；i”+子项[i]+“”；
}
}否则{
document.getElementById（“userlist”）.innerHTML=''；
}
}
男人
女人
儿童

一个选项是在加载时添加所有
，只需单击复选框隐藏/显示即可


var-men=[1,2,5,4,8,1,5]；
女性风险值=[45,55,45]；
var children=[256，365]；
//添加具有样式显示的所有元素：无
对于（i=0；i“+men[i]+””；
}
对于（i=0；i”+women[i]+””；
}
对于（i=0；i“+children[i]+””；
}
document.getElementById（“checkbox1”）.onchange=function（）{
var li=document.getElementsByClassName（'li-men'）；
对于（变量i=0；i

男人
女人
儿童

除了显示和隐藏数组值之外，您还可以最小化代码并使其通用。您可以将
onclick
函数与每个复选框关联，并将参数传递给那些函数，如
type
，该函数指定应显示的数组和复选框引用，以便您可以操作此复选框在javascript代码中：


var-men=[1,2,5,4,8,1,5]；
var女性=[45,55,45]；
var children=[256365]；
功能点击CB（类型，cbElem）{
var-targetArray；
如果（类型==‘男性’）{
TARGETARAY=男性；
}
如果（类型==‘女性’）{
targetaray=女性；
}
如果（类型==‘子项’）{
targetaray=儿童；
}
如果（cbElem.checked）{
对于（i=0；i”+targetArray[i]+“”；
}
}否则{
document.getElementById（“userlist”）.innerHTML=''；
}
}
男人
女人
儿童