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

Question

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

的FIDDLE代码是here

首先4复选框对应于第一4个格。当第一个复选框未选中时，第一个div被禁用，默认div empty已启用。同样，当第二个复选框未选中时，第二个div将被打开，默认div empty已启用。同样是第三和第四个分区。

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

例如，复选框name=box1未选中，则div_box_1必须被禁用，必须启用div empty。在此之后，如果复选框name=box6被选中，则必须禁用div empty，并且必须启用div_box_6。

Answer 1

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

的问题是： $("input.css-checkbox:checkbox").click(function(){

你的选择与类 “CSS-复选框” 了。使用：复选框后，它会假设更多内容。 （我忘记了这个选择器是什么TBH）但是当你删除“：复选框”它隐藏和显示。

$("input.css-checkbox").click(function(){