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

Question

像 Yelp 这样的搜索过滤器

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

我们在一个 XML 格式的 rest 调用中得到我们的搜索响应。我们需要在其上添加过滤器，以便用户当然可以过滤结果。假设我们有以下过滤器：

复选框 -

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/