Javascript 当选中一个特定的复选框时，如何显示和隐藏div？

我有多个复选框，它们有自己的相关div，当单击一个复选框时，它会显示其相关div，而未选中则会隐藏它……问题是，当我单击另一个复选框时，它会隐藏以前的其他复选框div

var x=document.getElementById（“图标”）；
函数隐藏（事件）{
如果（已选中事件）{
如果（x.style.display==“块”）{
x、 style.display=“无”；
}否则{
x、 style.display=“block”；
}
}否则{
如果（x.style.display==“块”）{
x、 style.display=“无”；
}否则{
x、 style.display=“block”；
}
}
}

某物




有些事




什么

请为

HTML DOM中的每个元素提供唯一id。如果要保持奇点，可以提供
class
而不是
id
。我已经提供了jquery解决方案。检查下面的代码段，并告知是否有任何疑问


$（'.extra'）。在（'change'，function（）上{
if（$（this.prop（'checked'））//如果选中
$（this）.closest（'label'）.find（'.icon'）.show（）；//用类图标显示div
其他的
$（this）.closest（'label'）.find（'.icon'）.hide（）；//隐藏div
});
。图标{
显示：无；
}
标签{
显示：块；
}

某物




有些事




什么




请为
HTML DOM中的每个元素提供唯一id。如果要保持奇点，可以提供
class
而不是
id
。我已经提供了jquery解决方案。检查下面的代码段，并告知是否有任何疑问


$（'.extra'）。在（'change'，function（）上{
if（$（this.prop（'checked'））//如果选中
$（this）.closest（'label'）.find（'.icon'）.show（）；//用类图标显示div
其他的
$（this）.closest（'label'）.find（'.icon'）.hide（）；//隐藏div
});
。图标{
显示：无；
}
标签{
显示：块；
}

某物




有些事




什么




元素的id应该是唯一的。尝试为div elementsid提供唯一的id元素的SID应该是唯一的。尝试为div元素提供唯一的id