复选框筛选结果
Checkbox Filter results
我正在做类似的事情。
我想补充的是,当选择"1 Bedroom"时,即使没有选择任何位置复选框,也应该显示任何具有1 Bedrom的项目。
谢谢。
您所需要做的就是在底部的语句中添加一个"or",以检查数组是否为空。
保持你当前的代码结构,你代码的最后一部分看起来是这样的:
$('li').each(function() {
if (($.inArray($(this).data('location'), loc_array) > -1 || loc_array.length == 0) && ($.inArray($(this).data('bedrooms'), room_array) > -1 || room_array.length == 0)) {
$(this).show();
} else {
$(this).hide();
}
});
当然,您的代码可以重新考虑,使其更易于阅读,(可能)更高效。但这样做的目的是帮助你了解你需要做什么。稍后会进行重新保理!
在您的输入更改函数中试试这个:
var bedrooms = $(this).data('bedrooms');
$('ul > li').each(function(){
if($(this).data('bedrooms') !== bedrooms) $(this).toggle();
});
相关文章:
- 计数HTML表中筛选的结果
- 返回带有筛选结果的新JSON对象
- 通过XML结果进行筛选
- 使用复选框筛选结果
- 复选框筛选结果
- 使用Javascript从DB中筛选结果,这将使DIV重新加载它'基于新参数的内容
- 使用jquery或JS从现有值集中筛选结果
- 如果文本筛选器在ng重复中未返回结果,则显示消息
- 如何根据其他下拉列表中的选择筛选下拉结果
- Sequelize是在筛选属性时对结果进行分组
- 如何使用URL参数筛选表中的结果
- j查询筛选结果
- 使用单个 ng 模型筛选结果并显示筛选方法
- 使用自定义按钮筛选结果
- 如何从视图中的控制器筛选结果
- j查询搜索结果筛选
- 角度筛选器 - 根据值数组筛选 JSON 结果
- JQuery 非重复后代(筛选出结果集中的所有父项)
- 筛选表并显示匹配结果 - jQuery
- 键控包含用于阻止结果的筛选