Javascript iCheck js阻止我的js搜索复选框筛选(jQuery)

Javascript iCheck js阻止我的js搜索复选框筛选(jQuery),javascript,jquery,search,checkbox,filter,Javascript,Jquery,Search,Checkbox,Filter,我在我的项目中使用iCheck 但它阻止了我的js代码。代码如下: 1) 复选框列表 <div class="list_box"> <dl> <dt><span>FORM-FACTOR</span></dt> <dd> <ul> <li><label><input class="chk_all" type="checkbox

我在我的项目中使用iCheck 但它阻止了我的js代码。代码如下:

1) 复选框列表

<div class="list_box">
<dl>
     <dt><span>FORM-FACTOR</span></dt>
     <dd>
     <ul>
         <li><label><input class="chk_all" type="checkbox" name="cateChk_0_all" value="all" checked="">Select All</label></li>
         <li class=""><label><input type="checkbox" value="AAA" name="cateChk_0_arr" checked="" >AAA</label></li>
         <li class=""><label><input type="checkbox" value="BBB" name="cateChk_0_arr" checked="" >BBB</label></li>
         <li class=""><label class=""><input type="checkbox" value="CCC" name="cateChk_0_arr" checked="" >CCC</label></li>

     </ul>
     </dd>
</dl>
<dl>
     <dt><span>TYPES</span></dt>
     <dd>
     <ul>
         <li><label><input class="chk_all" type="checkbox" name="cateChk_1_all" value="t_all" checked="">Select All</label></li>
         <li class=""><label><input type="checkbox" value="type_1" name="cateChk_1_arr" checked="" >type_1</label></li>
         <li class=""><label><input type="checkbox" value="type_2" name="cateChk_1_arr" checked="" >type_2</label></li>
         <li class=""><label class=""><input type="checkbox" value="type_3" name="cateChk_0_arr" checked="" >type_3</label></li>

     </ul>
     </dd>
</dl>

<div class="btn_search"><a href="#" type="submit"> Search</a></div>

</div>

形状因子
  • 全选
  • AAA
  • BBB
  • CCC
类型
  • 全选
  • 类型_1
  • 类型2
  • 类型_3
2) 和产品清单:

<ul class="thumb_list">
    <li class="thumb_1 flower" data-category="AAA TYPE_1 ">
       <a href="www.link_1.com">
       <div class="txt_box">
           <div class="p_info">
           <span class="p_number"> Product#1 </span>
           <span class="title1">Product#1 description </span>
           </div>
      </div>
      </a>
  </li>

   <li class="thumb_2 flower" data-category="BBB TYPE_2 ">
       <a href="www.link_2.com">
       <div class="txt_box">
           <div class="p_info">
           <span class="p_number"> Product#2 </span>
           <span class="title1">Product#2 description </span>
           </div>
      </div>
      </a>
  </li>

  <li class="thumb_3 flower" data-category="CCC TYPE_3 ">
       <a href="www.link_3.com">
       <div class="txt_box">
           <div class="p_info">
           <span class="p_number"> Product#3 </span>
           <span class="title1">Product#3 description </span>
           </div>
      </div>
      </a>
  </li>
</ul>
此脚本在不使用iChek.js的情况下可用,但不适用于

<script>
var $filterCheckboxes = $('input[type="checkbox"]');

$filterCheckboxes.on('change', function() {
    var selectedFilters = {};

        $filterCheckboxes.filter(':checked').each(function() {
        if (!selectedFilters.hasOwnProperty(this.name)) {
        selectedFilters[this.name] = [];}
        selectedFilters[this.name].push(this.value);});

        var $filteredResults = $('.flower');
        $.each(selectedFilters, function(name, filterValues) {
                $filteredResults = $filteredResults.filter(function() {
                var matched = false,
                currentFilterValues = $(this).data('category').split(' ');
                $.each(currentFilterValues, function(_, currentFilterValue) {
               if ($.inArray(currentFilterValue, filterValues) != -1) {
               matched = true;
               return false;}
               });
       return matched;
       });
});

$('.flower').hide().filter($filteredResults).show();
});
</script>

var$filtercheckbox=$('input[type=“checkbox”]”);
$filtercheckbox.on('change',function()){
var selectedFilters={};
$filtercheckbox.filter(':checked')。每个(函数(){
如果(!selectedFilters.hasOwnProperty(this.name)){
selectedFilters[this.name]=[];}
selectedFilters[this.name].push(this.value);});
变量$filteredResults=$('.flower');
$.each(selectedFilters,function(name,filterValues){
$filteredResults=$filteredResults.filter(函数(){
var匹配=假,
currentFilterValues=$(this).data('category').split('');
$.each(currentFilterValue,函数(\uU,currentFilterValue){
if($.inArray(currentFilterValue,FilterValue)!=-1){
匹配=真;
返回false;}
});
返回匹配;
});
});
$('.flower').hide().filter($filteredResults.show();
});
因此,我只需要按形状因子或类型筛选显示选中的产品(使用ck单击“搜索”按钮)


你能帮我用iCheck吗?

1<代码>iCheck仅用于可视提要。2.你的密码在哪里?3.请提供最少的例子,我已经更新了我的代码。你能帮我吗?