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

在选定

1 个答案: