選択する前にJavaScriptを有効にしてください

Question

これは説明するのは難しいですが、私は自分のウェブサイト上のスライドショーの形をした複数の部分のフォームを持っています。ラジオボタンを使用して3/4オプションから選択する必要があります。

私は次のスライドに移動する前にユーザーが1つを選択していることを確認するためにいくつかの検証を行いました。

オブジェクトをクリックして選択すると、選択しようとしている警告が表示されます。とにかくそれを選択して、それをワンクリックですべてチェックしますか？

$(".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を求めていますが、私はしたいので、それは/検証/新しいスライドにアニメーション化1上のすべてそうでないクリックを選択するために見ることができるようにいいね。

これを回避しようとしていることはありますか。事前に 感謝

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