asked on 5/13/2011

update href from checkbox click

I have a link that when someone checks a checkbox I need to add something to the link.

<a href="blah?id=1">Blah</a> would be the default and if I checked a box
<input type="checkbox" name="id" value="2" />
it would be <a href="blah?id=1,2">Blah</a>
and if I check another one
<input type="checkbox" name="id" value="3" />
it would be <a href="blah?id=1,2,3">Blah</a>

any thoughts?

jQuery JavaScript

Last Comment

leakim971

5/14/2011

leakim971

5/13/2011

$("input[name='id']:checked").click(function() {
       var default = "blah?id=1"
       $(this).each(function() {
           default += "," + $(this).val();
       });
       $("#aId").attr("href", default);
})

Open in new window

With :

<a id="aId" href="blah?id=1">Blah</a>

Open in new window

el_aristo

5/13/2011

you can put this to the checboxes onclick action

$("a[href]").attr("href", ""+$("a[href]").attr('href')+','+this.value+"");

iceman19330

5/14/2011

ASKER

doesnt seem to be updating, here is a link to the code.
http://tinyurl.com/3nm46ok

leakim971

5/14/2011

change default with an other variable name, for example defaultURL :

$("input[name='id']:checked").click(function() {
       var defaultURL = "blah?id=1"
       $(this).each(function() {
           defaultURL += "," + $(this).val();
       });
       $("#aId").attr("href", defaultURL);
})

Open in new window

iceman19330

5/14/2011

ASKER

nope still will not append the additions from the checkbox.

leakim971

5/14/2011

sorry remove :checked too else it only apply to already checked items

$("input[name='id']").click(function() {
       var defaultURL = "blah?id=1"
       $(this).each(function() {
           defaultURL += "," + $(this).val();
       });
       $("#aId").attr("href", defaultURL);
})

Open in new window

iceman19330

5/14/2011

ASKER

it is only taking from 1 checkbox, if I click both it only keeps the first one. also if I uncheck it doesnt remove the id.

leakim971

5/14/2011

Ok, fixed :

$("input[name='id']").click(function() {
       var defaultURL = "blah?id=1"
       $("input[name='id']").each(function() {
           defaultURL += "," + $(this).val();
       });
       $("#aId").attr("href", defaultURL);
})

Open in new window

ASKER CERTIFIED SOLUTION

leakim971

5/14/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial