Question

正在用 php/ sphinx/ jquery 构建搜索引擎, 我大多数搜索引擎都在工作, 除了过滤搜索结果之外。搜索结果没有提交过滤器, 所有结果都会显示, 然后在单击复选框时尝试使用 jquery 隐藏不匹配的结果。

http://jsfidle.net/LEZAh/"rel="nofollow" >http://jsfidle.net/LEZAh/

what works: checking a box and have the corresponding element show, and when another box is checked add it to the allowed boxes to show.

what doesn t work: when you have more than one checkbox checked and you uncheck one of them, the corresponding element does not show.

对错误的解释表示歉意......但填充物会为自己表示感谢!

Answer 1

正如上述优秀职位(mrtsherman,ahren)之外,你其他发言的最后一句话就是造成问题。

    //$(".ni-search"+checks).show(); //this was the offending line

    $("#cat_"+$(this).attr( id )).hide(); //instead of showing everything just hide what was clicked

我在你的小提琴里也成功运行过这个

Answer 2

我简化了你的点击功能

$(document).ready( function () {
   $( .search-option input ).click(function(){
      var inputs = $(".search-option input");
      var products = $(".ni-search");

      products.each(function(i){
         if(inputs.eq(i).is(":checked")){
            $(this).show();
         }else{
            $(this).hide();
         }
      });
      if(products.length == inputs.not(":checked").length){
          products.show();  
      }
   });
});

这假设你的检查结果都会在同一包装纸上, 你的检查框也会在同一包装纸上。

""http://jsfiddle.net/LEZAh/2/" rel="nofollow">链接到更新的jsFiddle

Answer 3

这是您脚本的另一个简化版本。

http://jsfiddle.net/LEZAh/4/" rel="nown" >http://jsfiddle.net/LEZAh/4/

$( input ).change(function() {
    //all checkboxes are unchecked, so show all
    if ($( input:checked ).length == 0) {
        $( .ni-search ).show();
    }
    else {
        //otherwise only show checked
        $( .ni-search ).hide();
        $( input:checked ).each(function(index) {
            $( .ni-search ).eq(index).show();
        });
    }
});

友情链接