javascript - 选择 FORM_TAG 中的所有复选框

Question

在 form_tag 中，有一个包含 10 到 15 个复选框的列表:

<%= check_box_tag 'vehicles[]', car.id %>

如何通过 RJS 选择所有(在每个复选框中打勾)复选框？谢谢

编辑:抱歉，我没有说清楚我的问题。我的意思是问如何在同一页面中添加“全选/取消全选”链接来切换复选框。

Answer 1

试试这个:

<%= check_box_tag 'vehicles[]', car.id, {:checked => "checked"} %>

<小时/>

编辑

您可以使用 Tim Down 的解决方案作为普通的 javascript 解决方案。如果您使用 jQuery，您可以尝试这样的操作:

<script>
  $(document).ready(function(){

    // select all
    $(".checkboxes a[rel=all]").click(function(){
      $(this).siblings("input:checkbox:not(:checked)").attr({checked: true});
    });

    // select none
    $(".checkboxes a[rel=none]").click(function(){
      $(this).siblings("input:checkbox:checked)").removeAttr("checked");
    });

  });
</script>

<div class="checkboxes">

  <input type="checkbox" value="foo" /> Foo
  <input type="checkbox" value="bar" /> Bar
  <input type="checkbox" value="baz" /> Baz

  select 
  <a href="#" rel="all">all</a> | 
  <a href="#" rel="none">none</a>

</div>