jQuery根据复选框点击类别重定向到特定URL

时间:2018-04-07 16:45:23

标签: javascript php jquery url mysqli

我的网页上有一个多重类别来过滤搜索。

http://localhost/shop/category/produkunggulan/CT0002

示例我有这个类别:

品牌

$qBrandList = mysqli_query($con, "SELECT P.productid, P.brandid_fk, B.Brandid, B.brand_name FROM tb_product P, tb_brand B WHERE P.brandid_fk = B.brandid AND P.categoryid_fk LIKE '%" . $getCategoryID . "%' GROUP BY B.brandid ORDER BY B.brand_name ASC");
while($dBrandList = mysqli_fetch_array($qBrandList))
{
?>
    <div><label><input name="chkBrand[]" class="chkBrand" type="checkbox" value="<?php echo $dBrandList['brandid_fk']; ?>"/> <?php echo $dBrandList['brand_name']; ?></label></div>
<?php
}

折扣

<label><input type="checkbox" name="discount" value="Y"/> Diskon</label>

现在我希望当用户点击该复选框时,它会直接重定向到包含类别键(每次点击复选框)的网址,如果取消选中则删除该值。

示例I单击EMORI然后单击FOSSIL,因此URL应为:

http://localhost/shop/category/produkunggulan/CT0002?brand=BR0003,BR0010

enter image description here

1 个答案:

答案 0 :(得分:1)

<label><input type="checkbox" name="discount" value="Y"/> Diskon</label>

我认为您不需要使用复选框来重定向。只需使用输入类型“提交”。

<label><input type="submit" name="discount" value="Diskon"/> 

或添加onchange事件以提交

<label><input type="checkbox" onChange="this.form.submit()" name="discount" value="Y"/> Diskon</label>

还可以在代码中使用“get”方法在网址上显示您的数据。

有一件事可以肯定你的网址不会像你提到的那样看起来像是

http://localhost/shop/category/produkunggulan/CT0002?chkBrand%5B%5D=BR0003& chkBrand%5B%5D=BR0010

这里%5B代表'['而%5D代表']'。