jQuery 结合复选框值来修改输出

Question

我有以下代码:http://jsfiddle.net/qum7n8Lt/

我希望只显示包含所有选中元素的类，而不是只需要一个。

$(".wpbdp-listing:visible").hide();
checkedboxes.each(function() {
    $('.' + $(this).val()).closest('.wpbdp-listing').show();
});

目前，如果您选择“颜色”和“自定义”，它将显示包含颜色或自定义的结果。我希望它只显示包含颜色和自定义的结果。

Answer 1

在 ToggleThings 函数中进行以下更改，您需要在其中列出选中复选框的值，然后将其用作 jQuery 选择器以查找 div

function ToggleThings()
{

    var checkedboxes = $("#filters :checkbox:checked");

    if(checkedboxes.length > 0)
    {
        $(".wpbdp-listing:visible").hide();
        //create a string of '.' (dot) preceded class name list
        var classess = '';     
        checkedboxes.each(function() {
            classess+='.' + $(this).val();
        });
        //use class string to find all div
        $(classess).closest('.wpbdp-listing').show();
    }
    else
    {
        $(".wpbdp-listing").show();
    }
}

DEMO