选中所有复选框

在我的Rails应用程序中，我创建了一组复选框，如下所示：

 Features:  
    

我想知道如何创建一个“全选”的按钮。

Answer 1

使用jQuery;

HTML按钮：

 Select All 

Answer 2

如果您使用Prototype JS，您可能会发现此博文有用。 它提供了一种相当简洁的方式来执行全选。

http://www.ryboe.com/2008/07/10/select-all-checkboxes-with-prototype-js.html

在您的视图中，您可以使用以下代码段创建“全选”链接：

 <%= link_to_function("Select All","checkboxes.each(function(e){ e.checked = 1 })") %> 

此外，您需要在同一页面上的某个地方使用以下Javascript代码（或者甚至可能将其抽象为public/javascripts/application.js文件

 var checkboxes = []; checkboxes = $$('input').each(function(e){ if(e.type == 'checkbox') checkboxes.push(e) }); var form = $('options'); /* Replace 'options' with the ID of the FORM element */ checkboxes = form.getInputs('checkbox'); 

这是一个工作示例的完整源代码，如果这不起作用，您可能需要检查以确保您的JS库正确加载。

         
 
 
 0
 
 1
 
 2
 
 3
 
 Select All   

Answer 3

我想你可以使用这样的查询

和HTML将是类似的东西

 <%= button_tag 'select / unselect all', id: 'check_all', class:'b' %>