我想制作4个广播按钮和1个go按钮，当我检查任何一个广播按钮然后单击GO按钮时，我想要的，然后将更改URL

Question

世界！ Google
Facebook
雅虎
Twitter
单击“ go gool” '）.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”）; }

Answer 1

在这里，您只需使用窗口即可使用javaScript的location dom操纵功能来重定向用户。您可以使用IF-ELSE语句使用QuerySelector或其他任何方式选中哪个站点。这是我的代码。

<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>

下面的JavaScript代码： -

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;
        }
    }