如何排除jquery复选框结果

时间:2015-10-12 11:21:31

标签: javascript jquery html css

我提取一些代码,它工作正常,但我还需要一个功能, 如果我得到一个包含A和B的结果,则只有A和B的结果才会被隐藏, 请提取并发布你的解决方案,我不是很擅长编码,thx

$("#filters :checkbox").click(function () {
    $("div").hide();
    $("#filters :checkbox:checked").each(function () {
        $("." + $(this).val()).show();
    });
});

http://jsfiddle.net/daego/bgfy56oz/9/

1 个答案:

答案 0 :(得分:1)

您可以使用所选复选框附加一个字符串,并将其作为选择器运行。

代码:

$("#filters :checkbox").click(function () {
    $("div").hide();
    var mySel='';
    $("#filters :checkbox:checked").each(function () {
        mySel+='.'+$(this).val();
    });

    $(mySel).show();
});

演示:http://jsfiddle.net/6ht4zs1y/

相关问题