Javascript 单击相应复选框时显示/隐藏下拉列表

要求：在选中/取消选中第一个复选框时，我需要显示/隐藏第一个下拉列表，同样在选中/取消选中第二个复选框时，我需要显示/隐藏第二个下拉列表

请注意，由于这些复选框的值来自DB，我对它们进行迭代以在前端显示。。对于所有复选框，我只能有一个通用的

showMe（）

函数

问题：如果未选中复选框1或使用我编写的逻辑检查复选框2，我无法完成此工作。有人能提出一种更简洁的方法吗

函数showMe（框，框1）{
var chboxs=document.getElementsByName（“c1”）；
var vis=“无”；
var-checkedOne；
对于（var i=0；i这是否符合您的要求


函数showMe（框，框1）{
var chkboxes=document.getElementsByName（'c1'）；
var selects=document.getElementsByTagName（'select'）
var bools=[]
对于（变量i=0；i

复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁
这是否符合您的要求


函数showMe（框，框1）{
var chkboxes=document.getElementsByName（'c1'）；
var selects=document.getElementsByTagName（'select'）
var bools=[]
对于（变量i=0；i

复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁
这很有效


函数showMe（元素、框）
{
如果（元素已选中）
{
vis=“block”；
}
其他的
{
vis=“无”；
}
document.getElementsByName（box）[0].style.display=vis；
}
复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁
这很有效


函数showMe（元素、框）
{
如果（元素已选中）
{
vis=“block”；
}
其他的
{
vis=“无”；
}
document.getElementsByName（box）[0].style.display=vis；
}
复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁

函数showMe（选择名称）{
var select=document.querySelector（“选择[name=”+selectName+“]”）；
if（event.target.checked）{
select.classList.add（'show'）；
}
否则{
select.classList.remove（'show'）；
}    
}
选择{
显示：无；
}
.表演{
显示：块；
}
复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁

函数showMe（选择名称）{
var select=document.querySelector（“选择[name=”+selectName+“]”）；
if（event.target.checked）{
select.classList.add（'show'）；
}
否则{
select.classList.remove（'show'）；
}    
}
选择{
显示：无；
}
.表演{
显示：块；
}
复选框1
复选框2
挑选
老虎
豹子
猞猁
灰太狼
红狐
芬奈克
选择1
老虎
豹子
猞猁
纯js方法；将每个复选框与下拉列表关联，并相应地切换显示


window.onload=（）=>loadFunctions（）；
loadFunctions=（）=>{
document.getElementById（'check1'）。onclick=（）=>toggle（'drop1'，'blockDis'）；
document.getElementById（'check2'）。onclick=（）=>toggle（'drop2'，'blockDis'）；
}
切换=（divId，className）=>{
让isPresent=document.getElementById（divId）.classList.contains（className）；
如果（！isPresent）document.getElementById（divId）.classList+=className；
else document.getElementById（divId）.classList-=className；
}
选择{
显示：无；
}
.blockDis{
显示：块；
}
框1
方框2
下拉列表1
下拉列表2
纯js方法；将每个复选框与下拉列表关联，并相应地切换显示


window.onload=（）=>loadFunctions（）；
loadFunctions=（）=>{
document.getElementById（'check1'）。onclick=（）=>toggle（'drop1'，'blockDis'）；
document.getElementById（'check2'）。onclick=（）=>toggle（'drop2'，'blockDis'）；
}
切换=（divId，className）=>{
让isPresent=document.getElementById（divId）.classList.contains（className）；
如果（！isPresent）document.getElementById（divId）.classList+=className；
else document.getElementById（divId）.classList-=className；
}
选择{
显示：无；
}
.blockDis{
显示：块；
}
框1
方框2
下拉列表1
下拉列表2