Javascript 如何为复选框调用多个图像

以下代码是对去年发布的一个问题的答复。这是我能找到的最好的例子。我有HTML的知识，但我的JS是有限的-谢谢你的耐心。您可以查看代码。可以找到线程

功能切换可见性（id）{
var el=document.getElementById（id）；
if（el.style.visibility==“可见”）{
el.style.visibility=“隐藏”；
}
否则{
el.style.visibility=“可见”；
}
}
工作


人口

单击复选框后，如何显示多个图像？图像将是相同的，位置不同。 当图像被显示时，我希望有一个onclick事件或鼠标盖来显示额外的信息–对于这个，JS或图像映射（热点）的最佳选项是什么？两者都有？我以前使用过热点，但只使用热点本身，而不使用JS。如果您对此有任何建议，我们将不胜感激。

---

下面的链接是我试图实现的一个例子，但规模较小

如果要使用相同的代码但用于多个图像，可以添加一个函数，用于切换为onChange事件定义的每个图像

下面是一个函数，可以执行以下操作：

  function toggleMultiVisibility (a){

for (var i = 0; i < a.length; i++){
 toggleVisibility(a[i]);
}

}

---

下面是您的代码中的一个工作示例：

我一直在尝试使用此代码，但没有弄清楚如何在每个复选框中添加多个图像。

  function toggleMultiVisibility (a){

for (var i = 0; i < a.length; i++){
 toggleVisibility(a[i]);
}

}

onChange="toggleMultiVisibility(['imgemployment','imgpopulation']);"