jquery - 1つのチェックボックスがチェックされている場合は表示、SEVERAL UNCHECKED jqueryの場合は非表示

Question

こんにちは、チェックボックスのジレンマでいくつかのロジックを実行する方法を理解したいと思います。

タグが関連付けられた動画のリストがあります。

対応するチェックボックスがあります。

チェックボックスをオンにすると、リスト (表示: なし) が jquery を使用して表示されます。

さて、各ビデオには複数のタグがあるためです。ボックスがチェックされていない場合、他のチェックされたタグボックスによってたまたま表示されたビデオを含む、関連するビデオが削除されるため、反対の機能は望ましくないことがわかります. そのため、div が表示されるとすぐに、再び非表示になります。フォローしますか？

みたいなのを想定しています

if (tag1 AND tag2 AND tag3 AND tag4 がチェックされていない) then (ビデオ div を非表示にする)

それを現実にする方法はありますか？

前半はここまで、あとはあなた次第!!

$("#squaredThree<? echo $a_number  ?>").change(function() {
    var amount = 0;
    $("#squaredThree<? echo $a_number  ?>:checked").each(function(){

console.log('this has been determined to be ":checked"');

var theonestoshow = document.getElementsByClassName('<? echo $total_tags[$a_number]  ?>');

$(theonestoshow).show( "drop", 300); 

    });
});

さらに、私が話していることのアイデアを得ることができるように、スタイル付きのインターフェイスを検討してください。