¡Mundo! Google
Facebook
yahoo
gorjeo
haga clic para Ir ✓ if(document.getElementById('google').checked = true) { document.getElementById('btn') .setAttribute("href", "https://google.com"); } else { document.getElementById('btn') .setAttribute("href", "https://example.com"); } if(document.getElementById('facebook').checked = true) { document.getElementById('btn') .setAttribute("href", "https://facebook.com"); } else { document.getElementById('btn') .setAttribute("href", "https://example.com"); } if(document.getElementById('yahoo').checked = true) { document.getElementById('btn') .setAttribute("href", "https://yahoo.com"); } else { document.getElementById('btn') .setAttribute("href", "https://example.com"); } if(document.getElementById('twitter').checked = true) { document.getElementById('btn') .setAttribute("href", "https://twitter.com"); } else { document.getElementById('btn') .setAttribute("href", "https://example.com"); }
Aquí tienes... Solo tienes que usar la función de manipulación de javascript window.location dom para redirigir al usuario. Puede usar la declaración if-else para verificar qué sitio se seleccionó usando querySelector o por cualquier otro medio. Aquí está mi código para ello.
<form> <input type="radio" name="site" id="google" /> Google <br /> <input type="radio" name="site" id="facebook" /> Facebook <br /> <input type="radio" name="site" id="yahoo" /> Yahoo <br /> <input type="radio" name="site" id="twitter" /> Twitter <br /> <hr /> <button type="submit" onclick="redirect()">Click to go</button> </form>código javascript a continuación: -
function redirect() { if (document.getElementById('google').checked) { document.write("Redirecting..."); window.location = ("https://www.google.com"); } else if (document.getElementById('facebook').checked) { document.write("Redirecting..."); window.location = ("https://www.facebook.com"); } else if (document.getElementById('yahoo').checked) { document.write("Redirecting..."); window.location = ("https://www.yahoo.com"); } else if (document.getElementById('twitter').checked) { document.write("Redirecting..."); window.location = ("https://www.twitter.com"); } else { return; } }