Javascript jQuery结果筛选多个筛选器

我正在为结果页面设计一个过滤器选项。 我有一个过滤器可以正常工作，但是当其他过滤器被点击时，它就会出错。问题是，当过滤颜色和大小时，它将显示颜色行和大小行，即使颜色过滤器没有该大小

这是过滤器javascript：

<script>
$(document).ready(function() {

    $("input:checkbox").on('click', function () {
        var showAll = true;
        $('.resuts_show_hide').hide();
        $('input[type=checkbox]:checked').each(function () {
            showAll = false;    
            $("[data-row-" + $(this).data('type') + "=" + $(this).val() + "]").parent().show();
        });
        if(showAll){
            $('.resuts_show_hide').show();
        }
    });

});
</script>

但这不是选项，因为它总是在单击复选框时隐藏所有行，然后显示匹配的行。当一个checkgox过滤器被激活时工作正常，但是当第二个过滤器被激活时，他应该只通过可见的过滤器进行过滤，但是使用这个javascript没有选项

任何人都有这样的解决方案，所以多重过滤也是可能的

---

创建了一个提琴：。

建议您在jsfiddle.net中创建一个复制您的问题的演示。如果没有看到一些html，我们不知道复选框系统应该如何工作。当您选择wit时，它将显示一个结果，这不是100%清楚预期的行为。当您还选择nieuw时，它会显示两个结果，但它应该只显示第一个结果，因为第二个doenst与两个选中的复选框匹配。只有第一个会。

$("[data-row-" + $(this).data('type') + "=" + $(this).val() + "]**:visible**").parent().show();