因此，我正在检查一种创建搜索功能的方法，该功能使用基于许多条件的结果进行过滤，这些条件通过选中复选框从数据库中检索到。我从http://jsfiddle.net/magicalex/FmQvc/找到了 jsfiddle 代码。
它适用于一间可变卧室，当我添加浴室标准时，它可以正常工作，但是当我想根据这两个变量进行过滤时。
$(window).load(function(){
$('input').change(function(){
var allchecked=0;
$('input').each(function(){
var checked;
if (checked = $(this).attr('checked')) {allchecked++};
var numberofrooms = $('li[data-bedrooms='+$(this).data('bedrooms')+']');
checked ? numberofrooms.show('slow'): numberofrooms.hide('slow');
var numberofbathrooms = $('li[data- bathrooms='+$(this).data('bathrooms')+']');
checked ? numberofbathrooms.show('slow'): numberofbathrooms.hide('slow');
});
if(allchecked==0){$('li').show('slow');}
});
示例：检查 1 间卧室 2 间浴室，这不应该带来任何结果。
<body>
<input data-bedrooms="1" type="checkbox">1 bedrooms<br>
<input data-bedrooms="2" type="checkbox">2 bedrooms<br>
<input data-bedrooms="3" type="checkbox">3 bedrooms<br><br>
<input data-bathrooms="1" type="checkbox">1 bathrooms<br>
<input data-bathrooms="2" type="checkbox">2 bathrooms<br>
<ul>
<li data-bedrooms="1" data-bathrooms="1">1 bedroom apartment</li>
<li data-bedrooms="1" data-bathrooms="1">1 bedroom apartment</li>
<li data-bedrooms="3" data-bathrooms="2">3 bedroom apartment</li>
<li data-bedrooms="2">2 bedroom apartment</li>
<li data-bedrooms="2">2 bedroom apartment</li>
<li data-bedrooms="2">2 bedroom apartment</li>
<li data-bedrooms="3" data-bathrooms="2">3 bedroom apartment</li>
<li data-bedrooms="2">2 bedroom apartment</li>
<li data-bedrooms="1" data-bathrooms="1">1 bedroom apartment</li>
<li data-bedrooms="2">2 bedroom apartment</li>
</ul>
</body>
但这不是出现的情况，它根据检查的两个浴室标准带出三间卧室。