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