Copy Checkboxes Marks To Another Form

I have 2 forms: foo:

Solution 1:

This will do it:

Fiddle

$(document).ready(function(){
    $('#foo_form input:checkbox').change(function(){
       $('#bar_' + this.id.replace('foo_', '')).prop('checked', this.checked); 
    });
});

Solution 2:

This seems like a very strange thing to have to do. Do you just need to get a copy of the current values from the #bar_form form when a box is checked? If so, I would look into using the data $('#foo_form').serializeArray() gives you after a change event on it.

$('#foo_form').on('change', function () {
  var $form = $(this);
  console.table($form.serializeArray());
});

Share

You may like these posts

• 
  Scroll Other Scrollbars With Scrollbar
• 
  Jquery/javascript Datetime
• 
  Angular Reload Window Then Go To A New State
• 
  Select Tag Change Event Call On Selected Index Change