按照Wordpress下边栏上选中的类别复选框过滤新闻帖子

时间:2013-12-15 06:42:20

标签: javascript php jquery wordpress checkbox

enter image description here

所以在这里,我有上面的截图,列出了我的Wordpress环境中的所有类别。我列出了。

1)家长类别

  • 动物

儿童动物类别

  • 长臂猿
  • 猩猩
  • 犀牛
  • 老虎

2)家长类别

儿童类别的广告系列

  • 亚洲犀牛项目
  • 澳大利亚猩猩项目
  • 释放熊
  • 银色长臂猿项目

在我的php文件中,我有以下代码构成了我的复选框的显示结构。

<form action="<?php the_permalink(); ?>" id="filterForm" method="post">
<?php    

$parent_categories = get_categories($parent_args);

foreach($parent_categories as $parent_category){


//create main headings for other categories other than Uncategorized.
if($parent_category->name!="Uncategorized"){
    $category_label = "Filter By ";
    echo '<h3 style="font-size: 20px; color: rgb(255, 255, 255);text-shadow: 2px 3px 0px rgb(0, 0, 0);">'.$category_label.''.$parent_category->name.'</h3>';

    //fetch the parent category's id
    $firstchild_args['parent'] = $parent_category->term_id;
    $firstchild_categories = get_categories($firstchild_args);

    //fetch all the first level children categories
    foreach($firstchild_categories as $firstchild_category){
        $output = "";
        $output = $output."<label class=\"checkbox\">";
        $output = $output."    <input type=\"checkbox\"  value=".$firstchild_category->cat_ID." onclick=\"processForm()\"><span style='font-size: 17px; color: rgb(255, 255, 255);text-shadow: 2px 3px 0px rgb(0, 0, 0);'>".$firstchild_category->name;
        $output = $output."</label>";

        echo $output;
    }

}

}

?>
<input type="hidden" name="submitted" id="submitted" value="true">
</form>

虽然这对于显示我的类别很好,但是当用户切换多个复选框点击时尝试实现某些服务器端功能时,我很难弄清楚哪些是正确的钩子/过滤器我应该用来有效地执行此操作

Filter posts by multiple checkbox categories - wordpress

但是经过一段时间的阅读和实验,我发现他的方法并不是我想要的。我的想法是,当用户检查其中一个类别复选框时,onclick事件将触发表单提交,Wordpress将立即开始处理$ _POST参数然后我将使用WP_Query对象检索传入的参数进行处理,以便我的新闻帖子列表将按照其类别选中的复选框进行筛选...

但是按照上面的链接后我无法达到我所需要的效果!

接下来我该怎么做?

1 个答案:

答案 0 :(得分:-1)

我已经修好了。

现在一切都好了。

干杯。