php - チェックボックスを選択/選択解除すると、アイテムはどのように消えて表示されますか？

Question

チェックボックスのクリックイベント時にjqueryを使用してWebページ上のアイテムを表示/非表示にする方法（それぞれに関連するアイテムを持つ複数のチェックボックスがあると仮定します）？

Answer 1

ページ内の一部のJavaScriptコードは、ページが読み込まれるのを待ってから、チェックボックスのクリックイベントに登録します。チェックボックスの値が変更されると、コードは現在の値を確認してから、Webページ上の他のアイテムを表示/非表示にします。 。

場合によっては、サーバーにajax呼び出しを行って新しいコンテンツを取得し、そのコンテンツをページに挿入することもあります。

jQueryでは、次のことができます。

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

これは、のチェックボックスと。id="showRelatedItemsの関連アイテムのセットに対して機能しclass="relatedItems"ます。

作業デモ： http： //jsfiddle.net/jfriend00/egYJj/