在输入[type ='radio']上只点击一次事件绑定

Question

我是jQuery的新手，我正在使用一个创建多步形式的插件。它基本上包含了fieldsets中的所有代码，并且一次显示一个fieldset。当我点击“下一步”按钮时，它当前会移动到下一个字段集。

但是，如果我选择/选中一个单选按钮，我会尝试添加一个可以移动到下一页的功能。

我试图通过使用trigger和triggerHandler函数来做到这一点，但它仅适用于第一个字段集。

$(document).ready(function(){
$("input[type='radio']").click(function(index){
//$(this).on("click",function(){
    $(".next").triggerHandler("click");
});


});

也尝试了注释代码，但仍然无济于事。我已经试了几个小时，所以我现在在这里。谢谢你的帮助。

完整的代码和Js就在这里。

https://jsfiddle.net/5j0hsjrq/#&togetherjs=HlyfJeCq0q

Answer 1

你需要它来点击正确的.next，它可以在每个下一个按钮所在的每个字段集中找到。

  $("input[type='radio']").click(function(index){
      $(this).closest('fieldset').find(".next").triggerHandler("click");
  }); 

https://jsfiddle.net/5j0hsjrq/1/