新页面上的Jquery Checkbox过滤器

时间:2013-03-23 16:06:44

标签: jquery html checkbox filter

我目前正在构建一个包含大型列表的网站,每个网站都会标识出许多标记。 我试图在主页面上创建一个复选框列表,取决于用户选择的框将在新页面上显示结果。 每个复选框都有一个特定的标签,每个结果可以附加多个标签。 如果试过这个网站上的所有其他复选框过滤器,但由于我的列表中有数百个项目,它们都不起作用,或者它们显示在主页面上并溢出网站设计的边界。

有没有人见过可以帮助我的代码。

我尝试做的最好的例子就是这个网站here.

提前感谢任何输入。

1 个答案:

答案 0 :(得分:0)

将'标签'放在查询字符串上并在下一页中检索它们。

<input id="cb1" type="checkbox" name="category" value="Drama" /><label  for="cb1">Drama</label><br />
<input id="cb2" type="checkbox" name="category" value="Horror"/><label  for="cb2">Horror</label><br />
<input id="cb3" type="checkbox" name="category" value="Comedy"/><label  for="cb3">Comedy</label><br />
<input id="cb4" type="checkbox" name="category" value="Action"/><label  for="cb4">Action</label><br />     

<script type="text/javascript">
    search = function () {
        var categories = new Array();
        $.each($("input[name='category']:checked"), function () {
            categories.push($(this).val());
        });     
        window.location.href = "./search?category=" + categories;
    }       
</script>