Question

搜索过滤器，如Yelp

http://www.yelp.com/search?find_desc=tacos&find_loc=San+Francisco%2C+CA&ns=1#l=p:CA:San_Francisco :: [团相马

我们在XML格式的休息调用中获取搜索响应。我们需要在其上添加过滤器，以便用户可以使用，过滤结果。可以说我们有以下过滤器：

复选框 -

Solved
Unsolved
Most Liked

单选按钮 -

A month ago
A week ago
A day ago

因此，用户可以选择多个复选框和任何一个无线电，右侧的结果应根据这些进行过滤。我不想制作和ajax调用，我们将按照我提到的那样获取XML数据，然后根据用户选择的选项过滤它。请建议。

Answer 1

这是一个例子，但我不确定你希望它如何运作。

$(document).ready(function () {
    $("#search").click(function () {
        var selected_cat = $('input[name=cat]:checked').map(function (_, el) {
            return $(el).val();
        }).get();

        var checked_time = $("input[name=time]:checked").val();

        if (selected_cat.length > 0 && checked_time !== undefined) {
            $("#str").html("some_search_script.php?cat="+selected_cat.join() + "&time="+checked_time);
        }
    });
});

http://jsfiddle.net/6QDJM/

使用复选框，单选框等过滤搜索

1 个答案: