基于单选按钮值单击提交按钮时的Javascript重定向用户

Question

我试图完成的是将用户重定向到基于复选框值的新网址。

请注意，我正在使用 unbounce，因此无法将 url 添加到它自己的单选按钮中，因此我正在寻找一种仅使用 Javascript/jQuery 来完成此操作的方法。

场景：

用户选择单选按钮 > 单击提交按钮，新窗口将打开，其中包含基于选中单选按钮的 url。

希望在这里看到一些带有解释的示例。

更新

这是我的脚本。

$("#buttonID").on('click', function(){
switch ($("input[name=radioName]:checked")){
    case "ValOne":
        window.open("https://example.com?string1");
        break;
    case "valTwo":
        window.open("https://example.com?string2");
        break;
    case "ValThree":
        window.open("https://example.com?string3");
        break;
    case "valFour":
        window.open("https://example.com?string4");
        break;
    default: 
        break;
}
});

Answer 1

您可以只取单选按钮的值，并根据哪个值打开一个带有相应 url 的新窗口：

$("#button").on('click', function(){
    switch ($("input[name=radioname]:checked")){
        case "radio_value_a":
            window.open("http://google.com");
            break;
        case "radio_value_b":
            window.open("http://yahoo.com");
            break;
        default:
            break;
    }
});