在选定之前弹出Javascript警报

这是很难解释的，我在网站上有一个幻灯片放映形式的多部分表单。他们必须使用单选按钮从3/4选项中选择。在选定之前弹出Javascript警报

我已经对它们进行了一些验证，以确保用户在被允许移动到下一张幻灯片之前选择一个验证。

如果我点击一个对象来选择它，我会得到一个警告，告诉我选择一个，我只是试图做。无论如何先选择它，然后点击一下就可以完成全部检查吗？

$(".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如果没有的选项被选中，以提醒用户，而是因为我希望它选择/验证/动画到新的幻灯片都在一个点击它不喜欢它。

无论如何围绕这个或想法解决它吗？预先感谢

来源

2017-02-24 J.Featherstone

问题不明确 –

也许它的线$（ “输入[ID =无线电” + I val（）或$（“input”[id ='radio“+ i +'']：checked（”+“]：checked”）。val（）将其替换为$（“＃radio”+ i +“]：checked” “）.val（） –

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

来源

2017-02-24 10:26:48 Firanolfind

请在您的示例js小提琴中将”id“更改为”class“，并且您的小提琴不能正常工作。 –

对不起，请再次检查plz – Firanolfind

很酷。感谢您解决这个问题。 –

在选定之前弹出Javascript警报

回答

相关问题