HTML/Javascript radio button forms that redirects to different links -

i need create radio button form selection redirect different index.html link when continue button pressed. cant seem find easy way this. help!!

basically follows:

<form> <input type="radio" name="button" value="^button1^" checked>this button goes index1.html (default)<br></br> <input type="radio" name="button" value="^button2^">this button goes index2.html<br>   </br> <input type="radio" name="button" value="^button3^">this button goes index3.html<br>  </br> <input type="submit" value="continue"> </form> 

in html add data-href attribute each button , id submit button

<form> <input type="radio" name="button" value="^button1^" data-href="index1.html" checked>this button goes index1.html (default)<br></br> <input type="radio" name="button" value="^button2^" data-href="index2.html">this button goes index2.html<br>   </br> <input type="radio" name="button" value="^button3^" data-href="index3.html">this button goes index3.html<br>  </br> <input type="submit" value="continue" id="btnformsubmit"> </form> 

javascript:

var submit = document.getelementbyid('btnformsubmit'); submit.addeventlistener('click', submitform);  function submitform(event){ event.preventdefault(); event.stoppropagation();  var href = '', inputs = this.parentnode.getelementsbytagname('input')     for(var i=0;i<inputs.length;i++){          if(inputs[i].getattribute('name') == 'button' && inputs[i].checked){              href = inputs[i].getattribute('data-href');              window.location = href;          }     } }