jQuery将复选框值添加到URL而不重定向/刷新

时间:2014-02-17 03:38:05

标签: jquery url append

我想在不刷新/重定向页面的情况下将复选框值添加到URL。 我的过滤器与AJAX完美配合,但这不是SEO友好的,因为更改复选框时URL不会改变。

所以,如果我有一个像这样的复选框:

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>

网址现在是www.mydomain.com/transport.php吗? 而jQuery应该追加vehicle = Bike,Car 或者只是其中之一 如果未选中复选框,则要追加的值只是''

我感谢任何帮助!

1 个答案:

答案 0 :(得分:2)

您可以使用window.location.hash属性,如下所示:

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>

<script>
$('input[type=checkbox').click(function(){
        window.location.hash = 'vehicles=' + $(this).val();
    });
</script>

我假设你有像www.mydomain.com/transport.php这样的网址?