在選定之前彈出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警報

回答

相關問題