【问题标题】:Jquery Checkbox filter on new page新页面上的 Jquery Checkbox 过滤器
【发布时间】:2013-03-26 00:59:31
【问题描述】:
我目前正在构建一个包含大量列表的网站,每个列表都将使用多个标签进行标识。
我试图在主页上创建一个复选框列表,根据用户选择的框将在新页面上显示结果。
每个复选框都有一个特定的标签,每个结果可以附加多个标签。
如果尝试了此站点上的所有其他复选框过滤器,但由于我的列表中有数百个项目,它们都不起作用,或者它们显示在主页上并溢出网站设计的边界。
有没有人看到可以帮助我的代码。
我试图做的最好的例子是这个网站here.
提前感谢您的任何意见。
【问题讨论】:
标签:
jquery
html
checkbox
filter
【解决方案1】:
将“标签”放在查询字符串上并在下一页中检索它们。
<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>