根据单选按钮值单击提交按钮时,Javascript重定向用户

时间:2016-09-27 15:40:19

标签: javascript jquery radio-button

我们要做的是根据Checkbox值将用户重定向到新的网址。

请注意,我正在使用unbounce,因此无法将url添加到它自己的单选按钮,所以我正在寻找一种方法来完成这个只需要Javascript / jQuery。

情景:

用户选择单选按钮>点击提交按钮,新的窗口将根据选中的单选按钮打开网址。

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

更新

这是我的剧本。

$("#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;
}
});

1 个答案:

答案 0 :(得分:0)

您可以获取单选按钮的值,并根据您使用相应网址打开新窗口的值:

$("#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;
    }
});