Question

So i have 2 categories of checkboxes.

  <input type="checkbox" name="foo"  value="val1" />
  <input type="checkbox" name="foo"  value="val2" />


  <input type="checkbox" name="bar"  value="val1" />
  <input type="checkbox" name="bar"  value="val2" />

When a box is checked I want to run a jQuery function that will assign two variables

  var foo = //the values of the checked boxes with the foo name
  var bar = //the values of the checked boxes with the bar name

So lets say only the first check box was checked in the foo group where as both were checked in the bar group. The groups values would be as follows

 var foo = val1;
 var bar = val1,val2;

What is the best way to search through all checkboxes that share the same name/class Look to see if they are checked and if so add their value to a string?

Answer 1

You can try something like

 var foo = $("input:checkbox[name='foo']:checked").map(function(){
                            return this.value;
                        }).get().join(',');

 var bar = $("input:checkbox[name='bar']:checked").map(function(){
                            return this.value;
                        }).get().join(',');

See a working demo