顯示基於複選框的內容 - 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(){