jQuery add checkbox value to URL without redirect / refresh

Question

I would like to add checkbox values to URL without refresh / redirect the page. I have my filter that works perfectly with AJAX but this is not SEO friendly because the URL doesn't change while changing the checkboxes.

So if i have for example a checkboxes like these:

<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>

And URL is now www.mydomain.com/transport.php? And jQuery should append vehicles=Bike,Car Or just one of these If checkbox isn't checkhed the value to append would just be ''

I appreciate any help!

nramirez · Accepted Answer · 2014-02-17 03:57:28Z

2

You can use the window.location.hash property, would be something like this:

<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>

I am assuming you have the url like www.mydomain.com/transport.php?

answered Feb 17, 2014 at 3:57

nramirez

5,6702 gold badges25 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2812532 Over a year ago

This was exactly what i was looking for the website is ready, thanks a lot!

Collectives™ on Stack Overflow

jQuery add checkbox value to URL without redirect / refresh

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related