Question

I have an active checkbox, and a highlight checkbox.

I’d like the Active checkbox to automatically check the highlight checkbox when active is checked. I’m up against the fence on whether to explore prop() or do an ugly bind that adds a attribute.

I’m ultimately looking for the dryest recomendation and of course any code snippets are MORE THAN welcome!!!

Somewhat annoying because each check box (although right next to eachother in a table are their own form, which is submitted with ajax on change.

    <td>
  <% form_for(:catalog_item, catalog_item.item, :url => set_admin_catalog_item_path(catalog_item), :html => {:class => 'ajax'}) do |f| %>
    <%= f.check_box :active %>
  <% end %>
</td>
<td>
  <% form_for(:catalog_item, catalog_item, :url => set_admin_catalog_item_path(catalog_item), :html => {:class => 'ajax'}) do |f| %>
  <%= f.check_box :highlight %>
  <% end %>
</td>

Answer 1

Check this FIDDLE

$(function() {
    $('.active').on('click', function(){
        $(this).next().attr('checked' , $(this).is(':checked'));
    });

});​

Also can use

$(this).next().prop('checked' , $(this).is(':checked'));