单击“确认”时单选按钮；“继续”；按钮Javascript

我创建了一个包含4个单选按钮和1个“继续”按钮的模板，效果如下所示

我试图在单击“继续”时添加javascript代码：

如果选择了任何单选按钮，它将弹出一个警报，提示您需要选择一个buton

如果选择radio 1，它将打开choice1.php页面；如果选择radio 2，它将打开choice2.php页面，依此类推

我遵循了一些教程，并在基本示例上进行了测试，它对我来说很有用，但通常我会看到

<form onsubmit="return validateSubmit();" action="#"> 

选择类型：




运输


取消


命令


另外


持续

如果您只想切换到其他页面而不是提交表单，您只需检查单选按钮的值，然后直接重定向到特定页面，如下所示：

当您取消注释

window.location.href

行时，您将被重定向到控制台输出中看到的文件

$（函数（）{
$（'.bttn'）。在（'click'，function（）上{
if（$（'input[name=“selector”]”）。groupVal（）==未定义）{
警报（'请选择一个选项！'）；
}否则{
log（'choice'+$（'input[name=“selector”]'）.groupVal（）+'.php'）；
//window.location.href='order'+$（'input[name=“selector”]）.groupVal（）+'.php'；
}
});
});
jQuery.fn.extend({
groupVal:function（）{
返回$（this.filter（':checked'）.val（）；
}
});
@导入url（'https://fonts.googleapis.com/css?family=Lato');
.集装箱{
字体系列：“Lato”，无衬线；
显示：块；
位置：相对位置；
利润率：40px自动；
高度：自动；
宽度：500px；
填充：20px；
}
h1{
颜色：#000000；
}
.集装箱ul{
列表样式：无；
保证金：0；
填充：0；
溢出：自动；
}
ulli{
颜色：#6969；
显示：块；
位置：相对位置；
浮动：左；
宽度：100%；
高度：100px；
边框底部：1px实心#333；
}
ul li输入[类型=无线电]{
位置：绝对位置；
可见性：隐藏；
}
ul li标签{
显示：块；
位置：相对位置；
字体大小：300；
字号：1.35em；
填充：25px 25px 25px 80px；
利润率：10px自动；
高度：30px；
z指数：9；
光标：指针；
-webkit转换：所有0.25s线性；
}
ulli：悬停标签{
颜色：#1E90FF；
}
ul li.检查{
显示：块；
位置：绝对位置；
边框：5px实心#6969；
边界半径：100%；
高度：25px；
宽度：25px；
顶部：30px；
左：20px；
z指数：5；
过渡：边界.25s线性；
-webkit过渡：边界.25s线性；
}
悬停。检查{
边框：5px实心#1E90FF；
}
ul li.检查：：之前{
显示：块；
位置：绝对位置；
内容：''；
边界半径：100%；
高度：15px；
宽度：15px；
顶部：5px；
左：5px；
保证金：自动；
过渡：背景0.25s线性；
-webkit过渡：背景0.25s线性；
}
输入[类型=收音机]：选中~。选中{
边框：5px实心#1E90FF；
}
输入[类型=收音机]：选中~。选中：：之前{
背景：#1E90FF；
}
输入[类型=收音机]：选中~标签{
颜色：#1E90FF；
}
@进口”https://fonts.googleapis.com/css?family=Source+Sans+Pro:700”；
.flex{
字体系列：“源Sans-Pro”，无衬线；
-webkit字体平滑：抗锯齿；
最小高度：50vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
a、 bttn{
颜色：#1E90FF；
文字装饰：无；
-webkit过渡：0.3s全轻松；
过渡：0.3s缓解所有；
}
a、 bttn：悬停{
颜色：#FFF；
}
a、 bttn：焦点{
颜色：#FFF；
}
.bttn{
字号：18px；
字母间距：2px；
文本转换：大写；
显示：内联块；
文本对齐：居中；
宽度：270px；
字体大小：粗体；
填充：14px 0px；
边框：3px实心#1E90FF；
边界半径：2px；
位置：相对位置；
盒影：0 2px 10px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.1）；
}
.bttn:之前{
-webkit过渡：0.5s全轻松；
过渡期：0.5s全部缓解；
位置：绝对位置；
排名：0；
左：50%；
右：50%；
底部：0；
不透明度：0；
内容：''；
背景色：#1E90FF；
z指数：-2；
}
.bttn:悬停：在{
-webkit过渡：0.5s全轻松；
过渡期：0.5s全部缓解；
左：0；
右：0；
不透明度：1；
}
.bttn：焦点：之前{
过渡期：0.5s全部缓解；
左：0；
右：0；
不透明度：1；
} 
a、 bttn{
顶部：-110px；
}

选择类型：




运输


取消


命令


另外


持续
你能发布你的javascript函数validateSubmit（）@Shard吗？我正在尝试这样的简单示例，我不知道如何使用Continue@JuniorDev更改输入提交。你可以使用
a.bttn
的css进行
输入[type=“submit”]
非常感谢。非常感谢。我花了好几个小时试。
<input type="submit" value="Submit">