jQuery를 결합 체크 박스 값은 나는 다음과 같은 코드를 출력

Question

을 수정합니다.

$(".wpbdp-listing:visible").hide(); 
checkedboxes.each(function() { 
    $('.' + $(this).val()).closest('.wpbdp-listing').show(); 
}); 

"색상"및 "사용자 정의"를 선택하면 현재 색상 또는 사용자 정의가 포함 된 결과가 표시됩니다. 색상 및 사용자 정의가 모두 포함 된 결과 만 표시하고 싶습니다.

Answer 1

당신이 선택 체크 박스의 값의 목록을 작성하고 찾기 위해 jQuery를 선택기로 사용할 필요가 ToggleThings 기능의 변화 아래 확인합니다 div

function ToggleThings() 
{ 

    var checkedboxes = $("#filters :checkbox:checked"); 

    if(checkedboxes.length > 0) 
    { 
     $(".wpbdp-listing:visible").hide(); 
     //create a string of '.' (dot) preceded class name list 
     var classess = '';  
     checkedboxes.each(function() { 
      classess+='.' + $(this).val(); 
     }); 
     //use class string to find all div 
     $(classess).closest('.wpbdp-listing').show(); 
    } 
    else 
    { 
     $(".wpbdp-listing").show(); 
    } 
} 

DEMO

Answer 2

이 같은 여러 클래스를 선택할 수 있습니다

$(".class1.class2.class3.class545645").doWhatYouWant();

그래서 당신이 당신의 클래스와 같은 선택을 만들 수 있습니다 .each() :

var selector = ""; 
checkedboxes.each(function(){ 
    selector += "."+$(this).val(); 
}); 

지금 당신이 가진 항목을 표시 할 수 있습니다 선택자 :

$(selector).closest('.wpbdp-listing').show();