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

Question

What am trying to accomplish is to redirect user to a new url based on Checkbox value.

Note that I am using unbounce so cannot add url to the radio button it self so am looking for a way to accomplish this with just Javascript/jQuery.

Scenario:

User select radio button > click on submit button and new window will open with url based on radio button checked.

Hoping to see some examples with explanations here.

Update

Here is my script.

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

You can just take the value of the radio button and depending on which value you open a new window with the corresponding 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;
    }
});