Javascript 基于复选框显示内容-jquery

我有8个div。最初显示其中4个，其余4个样式为dislay:none

代码是

前4个复选框对应于前4个div。如果未选中第一个复选框，则禁用第一个div，并启用默认div

empty

。同样，如果未选中第二个复选框，则会禁用第二个div，并启用默认div

empty

。同样，第三和第四分区

最后4个复选框对应最后4个div。仅当前4个div中的任何一个被禁用时，必须启用这些复选框以选中或取消选中，并且当这4个复选框中的任何一个被启用时，相应的div必须显示在默认div的位置

---

例如，取消选中带有

name=box1

的复选框，则必须禁用

div\u box\u 1

，并且必须启用div

empty

。在此之后，如果选中带有

name=box6

的复选框，则必须禁用div

empty

，并且必须启用

div\u box\u 6

。

jQuery选择器的工作方式是，对于您添加的每一个文本，它都会认为是另一个子节点或w/e

问题是：

$（“input.css checkbox:checkbox”）。单击（function（）{

您已经使用类“css checkbox”选择了。使用：复选框之后，它会假定更多内容。（我忘记了此选择器的作用，但当您删除“：checkbox”时，它会隐藏并显示

$（“input.css复选框”）。单击（function（）{

“FIDDLE代码在这里”-不幸的是，在您的问题中，您的代码需要在这里。尽管FIDDLE是一个很好的奖励，并且使帮助更容易。