Javascript 单击复选框时如何设置下拉菜单集？

我想设置下拉菜单。 当我点击复选框时，打开子类别。 其他明智的做法是不开放的。这里有一些代码。。 我想以表格形式设置此菜单。任何人都可以帮助我。告诉我如何设置jquery

学科：
物理学
声学
宇宙学
核物理
化学
色谱法
催化作用
地球化学

我希望这对您有用

$('input[name="Physics"]').on('click', function() {
    $('.physicsTable').slideToggle();
})

$('input[name="Chemistry"]').on('click', function() {
    $('.cheTable').slideToggle();
})

---

我希望这对你有用

$('input[name="Physics"]').on('click', function() {
    $('.physicsTable').slideToggle();
})

$('input[name="Chemistry"]').on('click', function() {
    $('.cheTable').slideToggle();
})

试试这个：

$（'input[name=Physics]，input[name=Chemistry]）。在（'click'，function（）上{
如果（$（this）.is（':checked'））{
$（this.parent（）.next（）.find（'table'）.show（）；
}否则{
$（this.parent（）.next（）.find（'table'）.hide（）；
}
});

学科：
物理学
声学
宇宙学
核物理
化学
色谱法
催化作用
地球化学
试试这个：


$（'input[name=Physics]，input[name=Chemistry]）。在（'click'，function（）上{
如果（$（this）.is（':checked'））{
$（this.parent（）.next（）.find（'table'）.show（）；
}否则{
$（this.parent（）.next（）.find（'table'）.hide（）；
}
});

学科：
物理学
声学
宇宙学
核物理
化学
色谱法
催化作用
地球化学
我已经稍微修改了你的代码和PFB源代码，希望对你有所帮助

HTML


函数showhidetables（值）{
如果（值=“1”）{
document.getElementById（'phisycs'）.style.display=“table”；
document.getElementById（'Chemistry'）.style.display=“无”；
document.getElementById（“PhysicCheck”）.checked=true；
document.getElementById（“ChemistryCheck”）.checked=false；
}
如果（值=“2”）{
document.getElementById（'Physycs'）.style.display=“无”；
document.getElementById（'Chemistry'）.style.display=“table”；
document.getElementById（“PhysicCheck”）.checked=false；
document.getElementById（“ChemistryCheck”）.checked=true；
}
}

学科：
物理学
声学
宇宙学
核物理
化学
色谱法
催化作用
地球化学
我已经稍微修改了你的代码和PFB源代码，希望对你有所帮助

HTML


函数showhidetables（值）{
如果（值=“1”）{
document.getElementById（'phisycs'）.style.display=“table”；
document.getElementById（'Chemistry'）.style.display=“无”；
document.getElementById（“PhysicCheck”）.checked=true；
document.getElementById（“ChemistryCheck”）.checked=false；
}
如果（值=“2”）{
document.getElementById（'Physycs'）.style.display=“无”；
document.getElementById（'Chemistry'）.style.display=“table”；
document.getElementById（“PhysicCheck”）.checked=false；
document.getElementById（“
.menu{
  overflow:hidden;
  background: red;
  width: 150px;
  max-height: 0px;
  transition: max-height 0.6s ease;
}
.switcher:checked + .menu{
  max-height: 100px;
}