在循环中使用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，我可以在其中选择/取消选择复选框。

如果它不在循环中，我可以做，

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

回路输出...

如何实现...

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'));
})

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

Answer 2

工作提琴：

$("#button").click(function () {    
    if($("#test")[0].checked)
    {
        $("#test")[0].checked = false;
    }
    else
    {
        $("#test")[0].checked = true;
    }

});

http://jsfiddle.net/q8wvv1ky/