在循環中使用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/