如何使用jquery / javascript多个筛选器列表

前端之家收集整理的这篇文章主要介绍了如何使用jquery / javascript多个筛选器列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个html,我可以根据他们的数据进行过滤,但我不知道如何组合它.

这是我的脚本,搜索名称已经工作但单选按钮isActive仍然无法正常工作,需要在我的过滤器上添加.我不知道如何在过滤器上使用它.

$('input[type=text][name=search_name').on('input',function(e) {
  e.stopPropagation();
  e.preventDefault();

  var fullname = $(this).val();
  var isActive = $('input[type=radio][name=isActive]').val();
  searchStudent(fullname,isActive);
});

$('input[type=radio][name=isActive]').on('change',function(e) {
  e.stopPropagation();
  e.preventDefault();

  var fullname = $('input[type=text][name=search_name').val();
  var isActive = $(this).val();
  searchStudent(fullname,isActive);
});

function searchStudent(fullname,isActive) {
  $("ul li").each(function() {
    // I don't know how to add the isActive
    if ($(this).data('fullname').search(new RegExp(fullname,"i")) < 0) {
      $(this).hide();
    } else {
      $(this).show();
    }
  });
}

猜你在找的jQuery相关文章