Выбрать все/Снять выделение Все флажки на странице по id

Question

У меня есть два блока с флажками. Я пытаюсь проверить этот флажок с помощью JS.

<%= hidden_field_tag "user[roles][]" %> 
    <% User.valid_roles.map{|c| {name: c, id: User.mask_for(c)} }.each do |role| %> 
     <%= check_box_tag "user[roles][]", role[:name], user.has_role?(role[:name]), id: "user_role_#{role[:id]}" %> 
     <%= label_tag "user_role_#{role[:id]}", role[:name].to_s.titleize %><br/> 
     <% end %> 




$('#selectAll').click(function() { 
    if(this.checked) { 
     $(':checkbox').each(function() { 
      this.checked = true;       
     }); 
    } else { 
     $(':checkbox').each(function() { 
      this.checked = false;       
     }); 
    } 
}); 

Answer 1

Что-то, как это должно работать:

$('#selectAll').on('change', function(){ 
    var checkboxes = $('input[id^="employer_"]'); 
    var checkedValue = !!this.checked; 

    checkboxes.prop('checked', checkedValue); 
}); 

Вот скрипку, чтобы продемонстрировать: http://jsfiddle.net/f5nx0czv/

С JQuery вы можете установить свойство/атрибут повально не нужно перебирать над коллекция.