使用js和ajax复选框过滤器

时间:2016-07-30 07:54:46

标签: javascript jquery html ajax

这是Html代码, 当我运行此代码给我一个错误的js文件($未定义)如何修复此错误?我试了这么多时间,但我不能,所以请帮我解决这个错误。



$(document).ready(function() {
  $('div.tags').find('input:checkbox').live('click', function() {
    $('.results > li').hide();
    if ($('div.tags').find('input:checked').length == 0) {
      $('.results > li').show();
    } else {
      $('div.tags').find('input:checked').each(function() {
        $('.results > li.' + $(this).attr('rel')).show();
      });
    }
  });
});

<div class="tags">
  <label>
    <input type="checkbox" rel="arts" />Arts
  </label>
  <label>
    <input type="checkbox" rel="computers" />Computers
  </label>
  <label>
    <input type="checkbox" rel="health" />Health
  </label>
  <label>
    <input type="checkbox" rel="video-games" />Video Games
  </label>
</div>
<ul class="results">
  <li class="arts computers">Result 1</li>
  <li class="video-games">Result 2</li>
  <li class="computers health video-games">Result 3</li>
  <li class="arts video-games">Result 4</li>
</ul>
</body>

</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案