ラジオボタンの選択でリンク先を変更したい

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
通販サイトで、商品を選択肢によってリンク先を変えるボタンを作りたいです。
こちらで検索して参考にさせていただいたのですが、移動ボタンを押してリンク先に飛ばすにはどうしたら良いでしょうか。
宜しくお願い致します。

###発生している問題・エラーメッセージ

alertを飛ばすコードはこちらを参考に作れたのですが、alertではなくリンクに飛ばすにはどのようにしたら良いでしょうか。

###該当のソースコード

<script>
                document.addEventListener('click',function(e){
                    var t=e.target;
                    var url={
                        "1_1":"1.html",
                        "1_2":"2.html",
                        "2_1":"3.html",
                        "2_2":"4.html",
                        "1_3":"5.html",
                        "3_3":"6.html",
                        "1_1_1":"7.html",
                        "1_1_2":"8.html",
                    }
                    if(t.nodeName=="INPUT" && t.type=="submit" && t.value=="移動"){
                        var n1=document.querySelector('input[type=radio][name=design]:checked');
                        var n2=document.querySelector('input[type=radio][name=color]:checked');
                        var n3=document.querySelector('input[type=radio][name=pattern]:checked');
                        if(n1 == null || n2 == null || n3 == null || typeof url[n1.value+"_"+n1.value+"_"+n1.value]=="undefined"){
                            e.preventDefault();
                        }else{
                            alert(url[n1.value+"_"+n2.value+"_"+n3.value]);
                        }
                    }
                });

            </script>


<form method="post">
                <p>DESIGN
                    <input type="radio" name="design" value="1">TOP
                    <input type="radio" name="design" value="2">VERTICAL
                    <input type="radio" name="design" value="3">BOTTOM
                </p>
                <p>COLOR
                    <input type="radio" name="color" value="1">RED
                    <input type="radio" name="color" value="2">PINK
                    <input type="radio" name="color" value="3">ORANGE
                </p>
                <p>PATTERN
                    <input type="radio" name="pattern" value="1">WHITE
                    <input type="radio" name="pattern" value="2">GRID
                    <input type="radio" name="pattern" value="3">DOT
                </p>
                <input type="submit" value="移動">
            </form>

###試したこと
script内のalertをwindow.openに変えたり、location.hrefに変えたりしましたがうまく動きません。

###補足情報(言語/FW/ツール等のバージョンなど)
HTML5,CSS3,Javascript

Answer 1

n1,n2,n3の全てが揃っていないといけないので
1_1~3_3は無効で、1_1_1、1_1_2しか合致しません。
たとえば1_1はDESIGN、COLOR、PATTERNがいずれか任意で未設定であればいいのでしょうか？
仕様がよくありませんね。

ちなみに条件がととのっているのであれば

alert(url[n1.value+""+n2.value+""+n3.value]);

↓↓↓

t.form.setAttribute("action",url[n1.value+"_"+n2.value+"_"+n3.value]);

とすればよいでしょう

Comments

[m-iwai]

ご回答いただきありがとうございます。説明が足らず申し訳ありません。組み合わせが多いので、とりあえず動くことが確認できたら全部の組み合わせを作ろうと思っていました。
試したところ無事に動きました！非常に助かりました！ありがとうございました。

Answer 2

これでもうごきませんか？

// alert(url[n1.value+"_"+n2.value+"_"+n3.value]);
// ↓
   location.href = url[n1.value+"_"+n2.value+"_"+n3.value];

【Location.href - 完全なURLを取得、変更する】
https://syncer.jp/javascript-reference/location/href

Comments

[m-iwai]

ご回答いただきありがとうございます。こちらで試して見ましたが動きませんでした、、