Linking webpages using radio button in HTML

Question

I have two web pages A and B. Webpage A contains some radio buttons. I just want that if the user selects any of the radio button, webpage B should be opened.

Can anyone help me regarding what should I try to do this?

You can do this with JavaScript. Side note: using radio buttons for redirecting to a web page is not so user friendly and the intention of the [radio buttons is another](http://www.w3.org/TR/html401/interact/forms.html). There are anchor elements (links) for redirecting. — keenthinker, Jan 19 '14 at 11:48

score 2 · Answer 1 · edited Jan 20 '14 at 09:54

2

Your need to add the onclick attribute to your radiobuttons in this way:

<input type='radio' onclick='functionCalled()' />

Then under the radio buttons add:

<script>
     function functionCalled() {
          window.open(url); //if you want to open in new window
          window.location = url; //if you want to redirect
     }
</script>

edited Jan 20 '14 at 09:54

BenMorel

34,448
50
182
322

answered Jan 19 '14 at 11:48

MaxLascombe

96
3

score 1 · Accepted Answer · edited May 23 '17 at 12:03

HTML alone is not enough. You will need to start learning JavaScript (and preferably jQuery as well).

Assuming you have jQuery:

<input type="radio" name="mything" value="1"/>
<input type="radio" name="mything" value="0"/>

$('input:radio[name="mything"]').change(
    function(){
        if ($(this).is(':checked') && $(this).val() == '1') {
            window.location = "http://www.yoururl.com";
        }
        else{
            window.location = "http://www.yourotherurl.com";
        }
    });

Javascript redirect: How to redirect to another webpage in JavaScript/jQuery?

Radio Button selected: Jquery If radio button is checked

score 1 · Answer 3 · answered Jan 19 '14 at 11:48

1

Try this:

<input type="radio" onchange="window.location.replace('URL_OF_WEBSITE')">

answered Jan 19 '14 at 11:48

Bhushan

6,151
13
58
91

Linking webpages using radio button in HTML

3 Answers3