选择之前会弹出 JavaScript 警报

Question

这有点难以解释，我的网站上有一个幻灯片形式的多部分表单。他们必须使用单选按钮从 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 提醒用户，但因为我希望它一键单击即可选择/验证/动画到新幻灯片，所以它不喜欢它。

是否有解决这个问题的方法或想法？提前致谢

Answer 1

如果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>

有javascript代码

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

工作示例 on JSFiddle