javascript - Form redirect on checkbox selection -
here's i'm trying achieve: want create html page form, when submit form goes 1 of 4 locations. there default hidden main option thats auto-selected on page load , 2 sub-options optional.
oh, , calculates amounts on selection!
here's code far:
<html> <head></head> <body> <form onsubmit="submitform();" id="myform" type="get"> <input id="mycheckbox1" name="mycheckbox1" type="checkbox" value="20" onclick="calcnow();" />default option<br/> <input id="mycheckbox2" name="mycheckbox2" type="checkbox" value="30" onclick="calcnow();" />add-on option 1<br/> <input id="mycheckbox2" name="mycheckbox2" type="checkbox" value="40" onclick="calcnow();" />add-on option 2<br/> <input id="mytotal" name="mytotal" type="text" value="" disabled="disabled" /><br/> <input type="button" id="mybutton" onclick="submitform();" value="continue" /> </form> <script type="text/javascript"> var pages = [[["http://mysite.com/page1.html"],["http://mysite.com/page2.html"],["http://mysite.com/page3.html","http://mysite.com/page4.html"]]]; function calcnow() { var cb = document.getelementbyid("mycheckbox1"); var cb = document.getelementbyid("mycheckbox2"); var cost1 = cb.checked ? parseint(cb.value) : 0; var cost2 = cb.checked ? parseint(cb.value) : 0; var costtotal = cost1 + cost2; document.getelementbyid("mytotal").value = costtotal; var op1 = cb.checked ? 1 : 0; if (op1 != undefined) { return pages[op1]; } return undefined; } function submitform() { var page = calcnow(); if (page != undefined) { alert(page); // ---- navigate ---- //location.href = page; // ---- alter post ---- //var form = document.getelementbyid("myform"); //form.action = page; //form.submit(); } else { alert("please answer questions."); } } function getradiovalue(name) { var controls = document.getelementsbyname(name); (var = 0; < controls.length; i++) { if (controls[i].checked) { return parseint(controls[i].value); } } return 0; } function getradiodata(name, attribute) { var controls = document.getelementsbyname(name); (var = 0; < controls.length; i++) { if (controls[i].checked) { return parseint(controls[i].dataset[attribute]); } } return undefined; } </script> </body> </html>
try
edit:
function submitform() { //the code goes inside here, have decide redirect if or else window.location.assign("http://www.w3schools.com/"); var page = calcnow(); if (page != undefined) { alert(page); } else { alert("please answer questions."); } } 
Comments
Post a Comment