jquery multi checkbox filter

Question

Я пытаюсь получить страницу для фильтрации на основе различных параметров на странице для раздела размещения. Я не могу заставить фильтры работать вместе, так что если пользователь нажимает на один раздел, он будет работать с другим.

скрипку является http://jsfiddle.net/ktcle/YEtgM/2/

спасибо за любую помощь

$('input').change(function(){ 
$('input').each(function(){ 
    var checked = $(this).attr('checked') || false; 
    var numberofrooms = $(this).data('bedrooms'); 
    var sitelocation = $(this).data('location'); 
    $('li').each(function(){ 
     if ($(this).data('bedrooms')==numberofrooms){ 
      checked ? $(this).show() : $(this).hide(); 
     } 

     if ($(this).data('location')==sitelocation){ 
      checked ? $(this).show() : $(this).hide(); 
     } 

    }); 
}); 

});

Answer 1

Как насчет этого jsFiddle example?

Я дал свои входы значение по нескольким причинам, но вот JQuery:

$('input').change(function() { 
    var room_array = new Array(), 
     loc_array = new Array(); 
    $('.br').each(function() { 
     if ($(this).is(':checked')) { 
      room_array.push($(this).data('bedrooms')); 
     } 
    }); 
    $('.loc').each(function() { 
     if ($(this).is(':checked')) { 
      loc_array.push($(this).data('location')); 
     } 
    }); 
    $('li').each(function() { 
     if ($.inArray($(this).data('location'), loc_array) > -1 && $.inArray($(this).data('bedrooms'), room_array) > -1) { 
      $(this).show(); 
     } else { 
      $(this).hide(); 
     } 
    }); 
});​