选择之前会弹出Javascript警报

这很难解释，我的网站上有一个幻灯片形式的多部分表单。他们必须使用单选按钮从3/4选项中进行选择

我对它们进行了一些验证，以确保用户在进入下一张幻灯片之前选择了一个

如果我点击一个对象来选择它，我会得到一个警报，告诉我选择一个，我只是想做。是否要先选择它，然后在一次单击中全部选中

$(".card1").on("click", function(){
   var notselected = 'undefined';

if($("input[id=radio"+i+"]:checked").val() == undefined){
   alert('please select an option');
} else {
   alert($("input[id=radio"+i+"]:checked").val());
   i++;
   if(animating) return false;
      animating = true;

如您所见，我要求JQuery在未选择任何选项时向用户发出警告，但因为我希望它一次单击即可选择/验证/设置新幻灯片的动画，所以它不喜欢这样做

这件事有什么好办法或想法吗？

---

如果html是这样的话，请提前感谢

<form action="">    
   <input id="radio1" type="radio" name="some_radio" value="radio1">
   <input id="radio2" type="radio" name="some_radio" value="radio2">
   <input id="radio3" type="radio" name="some_radio" value="radio3">
   <input id="radio4" type="radio" name="some_radio" value="radio4">
   <button class="card1" type="button">Card</button>
</form>

---

工作示例

问题不清楚可能是行$（“input[id=radio”+i+“]：checked”）.val（）将其替换为$（“#radio”+i+“]：checked”）.val（）或$（“input[id='radio”+i+“]：checked”）.val（）请将示例js小提琴中的“id”更改为“class”，而你的小提琴不工作。对不起，请再次检查它。谢谢你把它修好。

$(".card1").on("click", function(){
   var $checked = $('input[type=radio][name=some_radio]').find(":checked");
   if(!$checked.length)
    alert('please select an option');
});