If you require a website that has radio buttons on it with options that when you click them you get re-directed to a different website depanding on the radio button try this:
| <head> | |
| <title>Radio Button Website</title> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> | |
| <script type="text/javascript"> | |
| function idForm(){ | |
| var selectvalue = $('input[name=choice]:checked', '#idForm').val(); | |
| if(selectvalue == "a"){ | |
| window.open('https://www.site.com/linka','_self'); | |
| return true; | |
| } | |
| else if(selectvalue == "b"){ | |
| window.open('https://www.site.com/linkb','_self'); | |
| return true; | |
| }else if(selectvalue == 'c'){ | |
| window.open('https://www.site.com/linkc','_self'); | |
| return true; | |
| }else if(selectvalue == 'd'){ | |
| window.open('https://www.site.com/linkd','_self'); | |
| return true; | |
| } | |
| return false; | |
| }; | |
| </script> | |
| </head> | |
| <body> | |
| <font face="Verdana"> | |
| <input type="radio" onclick="idForm()" name="choice" value="a"/>Selection A <br> | |
| <input type="radio" onclick="idForm()" name="choice" value="b"/>Selection B <br> | |
| <input type="radio" onclick="idForm()" name="choice" value="c"/>Selection C <br> | |
| <input type="radio" onclick="idForm()" name="choice" value="d"/>Selection D <br> | |
| </font> | |
| </form> | |
| </body> | |