javascript - How to open different URLs by checkbox? -
this html , javascript code
<input type="text" id="text" /> <input type="button" id="btn" value="submit" onclick="javascript: window.open('http://example.com/' + document.getelementbyid('text').value);" /> if input anytext in form box , click on submit button, open http://example.com/anytext. want add 3 checkbox named page1 page2 , page3 under form. if click on checkbox page1 , click on submit button, open http://example.com/page1/anytext
how can it?
you create function processes value of checkboxes , returns string need insert window.open call. this:
onclick="javascript: window.open('http://example.com/' +getradiovalue() + document.getelementbyid('text').value);" also, note snippet won't redirect when click submit due sandbox restrictions on it, can see error in browser console , page code attempts redirect to.
function getradiovalue () { var cb1 = document.getelementbyid("cb1"); var cb2 = document.getelementbyid("cb2"); var cb3 = document.getelementbyid("cb3"); if(cb1.checked) { return "page 1/"; } else if(cb2.checked) { return "page 2/"; } else if(cb3.checked) { return "page 3/"; } else { return ""; } } <input type="text" id="text" /> <br/> <label> <input type="checkbox" value="page 1" id="cb1" /> page 1 </label> <br/> <label> <input type="checkbox" value="page 2" id="cb2" /> page 2 </label> <br/> <label> <input type="checkbox" value="page 3" id="cb3" /> page 3 </label> <br/> <input type="button" id="btn" value="submit" onclick="javascript: window.open('http://example.com/' +getradiovalue() + document.getelementbyid('text').value);" />
Comments
Post a Comment