物品如何消失並顯示在選擇/取消選擇複選框上？

Question

如何使用jquery在複選框上單擊事件時隱藏/顯示網頁上的項目（假設有多個複選框及其相關項目）？

Answer 1

頁面中的一些javascript代碼等待頁面加載，然後在複選框中註冊點擊事件，並且當複選框的值更改時，代碼將查看當前值，然後隱藏/顯示其他項目在網頁上。

在某些情況下，它甚至可能會向服務器發送ajax調用以獲取新內容，然後將該內容插入到頁面中。

在jQuery中，你可以這樣做：

$(document).ready(function() { 
    $("#showRelatedItems").click(function() { 
     $(".relatedItems").toggle($(this).prop("checked")); 
    }); 
}); 

這與id="showRelatedItems複選框，並class="relatedItems"一組相關項目的工作。

工作演示：http://jsfiddle.net/jfriend00/egYJj/