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

• 
  Serving High Res Images To Retina Display
• 
  Find Selectedtext By Mouse Selection In Div Jquery?
• 
  How To Pass A Parameter From Iframe To Iframe?
• 
  Ruby On Rails Jquery Not Calling The Right Controller Action