Jquery 单选按钮重复

Jquery radio button repetition

本文关键字：单选按钮 Jquery      更新时间：2024-05-01
<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 个警报。我的代码有什么问题？

我相信您是在迭代 6 次的循环中执行此操作的。在每个元素上绑定处理程序 6 次。只需从循环中删除您的代码，一切都会到位。

someloop{

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

$('.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>

相关文章：