JQuery Checkbox Filtering

Question

체크 상자 기준과 일치하지 않는 요소의 불투명도를 줄이기 위해 클래스를 추가하는 필터링 시스템을 만드는 데 문제가 있습니다. 프로세스를 되돌리려면 클래스를 제거하기 위해 '클릭'대신 '토글'을 사용하거나 조건을 테스트하기 위해 루프를 만들면 체크 박스가 작동하지 않는 오류 (틱이 표시되지 않음)로 실행됩니다.

내가하고 싶은 것은 확인란을 선택 취소 한 후 '불투명도'클래스를 제거하여 사전 필터링 된 초기 페이지보기로 돌아가는 것입니다. 이 코드는 불투명도 클래스를 제거 할 때까지 오류가 발생하지 않는 코드입니다.

어떤 도움을받을 수 있습니까? 나는 그것을보기 위해 여기에서 주최했다 : http://yaocho-digital.com/83london/ - 고마워. 일치하는 때 모두 어떤 필터가 없었을 경우에 불투명도 클래스를 제거함으로써 당신은 당신의 코드의 기본 표현의 jsFiddle를 찾을 수 아래

JP

Answer 1

,

http://jsfiddle.net/zcQnj/27/

$('.filters :checkbox:checked').each(function() { 
     $("." + $(this).val()).removeClass('opacity').addClass('opacity-full'); 
    }); 

    if ($('.filters :checkbox:checked').length == 0) 
     $('.video-placeholder').removeClass('opacity'); 

적용, 나는 당신의 질문을 정확하게 이해했기를 바랍니다!