javascript - 在循环中使用 Jquery 选择/取消选择多个复选框(Rails)

Question

我正在研究 RoR，里面有两个循环，我正在用复选框显示记录。

<%= form_tag some_path, :method => 'post' do %>
  For loop
    <%= check_box_tag 'ids[]', value %> Name
    For loop
      <%= check_box_tag 'ids_of_second_loop[]', value %> Name
    end
  end
<%= submit_tag "Next" %>
<% end %>

现在我想应用一个jquery，我可以在其中选择/取消选择复选框。

如果它不在循环中，我可以直接执行，

我指的是下面的实现链接， link

循环输出...

如何实现...

Answer 1

我会做类似的事情

<%= form_tag some_path, :method => 'post' do %>
  For loop
    <%= check_box_tag 'ids[]', value, class: 'parent' %> Name
    <div class='children'>
      For loop
        <%= check_box_tag 'ids_of_second_loop[]', value %> Name
      end
    </div>
  end
<%= submit_tag "Next" %>
<% end %>

请注意复选框后面的“div class='children'”以及所有父复选框上的“parent”类

然后，JavaScript

$('input.parent').on('change',function(){
  $(this).next('.children').find('input[type=checkbox]').prop('checked',$(this).prop('checked'));
})

它在单击的复选框之后搜索下一个具有“children”类的 div，然后，它搜索该 div 内具有 type=checkbox 的所有输入，并将属性“checked”设置为当前单击的输入返回的值