HTML : Radio Buttons with re-direct on click

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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
<input type="radio" onclick="idForm()" name="choice" value="b"/>Selection B &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
<input type="radio" onclick="idForm()" name="choice" value="c"/>Selection C &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
<input type="radio" onclick="idForm()" name="choice" value="d"/>Selection D &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
</font>
</form>
</body>
Previous Post Next Post

نموذج الاتصال