Let link deside what radio button is checked

Question

I have 3 links on a page, when clicking on one of the links, the radio button on the other page needs to be checked.

Looks like this:

<a href="page.html?amount=1">Go 1</a>
<a href="page.html?amount=2">Go 2</a>
<a href="page.html?amount=3">Go 3</a>

I have some checkboxes on the page.html which needs to be checked.

<input type="radio" name="amount" value="1" />
<input type="radio" name="amount" value="2" />
<input type="radio" name="amount" value="3" />

When click on Go 2, checkbox 2 needs to be checked. Anyone knows what js needs to be written?

parse querystring and get value for variable amount and based on that put a condition — Hanky Panky, Jan 01 '13 at 18:14

score 1 · Accepted Answer · edited May 23 '17 at 11:44

<input type="radio" name="amount" value="1" /> 1 <br>
<input type="radio" name="amount" value="2" /> 2 <br>
<input type="radio" name="amount" value="3" /> 3 <br>


<script>
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    }


var am=getQueryVariable("amount");
var allElems = document.getElementsByName('amount');
for (i = 0; i < allElems.length; i++) {
    if (allElems[i].type == 'radio' && allElems[i].value ==am ) {
        allElems[i].checked = true;
    }
}
</script>

Reference: getQueryVariable() function is taken from Here. Credit goes to @ Dorian Gray

Thank you very much, // I did search allot but couldnt find any usefull code for this specific. I'm not a coder — fourroses, Jan 01 '13 at 18:39

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

You'll need to get the querystring using Javascript - plenty of information on how to do that, one example: How can I get query string values in JavaScript?

You'll then need to write some Javascript to select the radio button - again, a simple search is your friend: javascript check radio buttons automatically

Top tip: use the search engine :)

edited May 23 '17 at 12:14

Community

1
1

answered Jan 01 '13 at 18:14

James

13,092
1
17
19

Let link deside what radio button is checked

2 Answers2