jQueryのラジオボタンを繰り返し

Question

<div class="boxanswer"><input type="radio" name="idquestion[2]" value="2" class="checkradios"><span class='answer_choice'>A . 1</span></div> 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="2" class="checkradios"><span class='answer_choice'>B. 2</span></div> 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="3" class="checkradios"><span class='answer_choice'>C. 3</span></div> 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="4" class="checkradios"><span class='answer_choice'>D. 4</span></div> 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="5" class="checkradios"><span class='answer_choice'>E. 5</span></div> 

は、ここに私のjavascriptのコード

$('input[type="radio"]').change(function(){ 
    alert("You checked it"); 
}); 

私はこのラジオボタンのいずれかのチェックをするたびに、私は6つの、アラートボックスの代わりに、1回の警告を得ています。私のコードに何が問題なのですか？

Answer 1

私はあなたが6回反復されているループでこれをやっていると確信しています。各要素でハンドラーを6回バインドします。ループからコードを削除するだけで、すべてが適切に処理されます。

someloop{ 


} 
$('input[type="radio"]').change(function(){ 
    alert("You checked it"); 
}); 

Answer 2

$('.checkradios').checkradios();はすべての無線要素でチェックイベントを行っているようです。この場所では不必要です。ただそれを削除します。あなたのコードは、それがうまく働いて

$('input[type="radio"]').change(function(){ 
 
    alert("You checked it"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="2" class="checkradios"><span class='answer_choice'>A . 1</span></div> 
 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="2" class="checkradios"><span class='answer_choice'>B. 2</span></div> 
 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="3" class="checkradios"><span class='answer_choice'>C. 3</span></div> 
 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="4" class="checkradios"><span class='answer_choice'>D. 4</span></div> 
 
<div class="boxanswer"><input type="radio" name="idquestion[2]" value="5" class="checkradios"><span class='answer_choice'>E. 5</span></div>