jquery/validation plugin/object literals: selecting multiple checkboxes

Question

Ok, I've tried to read up on this but I'm stumped. Unfortunately it's a case of me not understanding javascript properly.

When processing a form with jqueries validation plugin, you send the variables to the php mailer using literal notation:

  submitHandler: function() { 
  $.post("includes/mail-form.php",
  {  
  age : $("#form-age-id").val(),
  email : $("#form-email-id").val(), 
  name : $("#form-name-i").val(),

Which I understand. the variable age is being assigned the value from the element. When I have multiple checkboxes though, I can't use:

$("input.checkboxes:checked').val()

as it will only select the first matched element, so i need to iterate over the multiple checkboxes using a function similar to

 var allVals = [];
 $('input.orthodontic-medical-form-disease:checked').each(function() {
         allVals.push($(this).val());
      });
 return allVals;

What I don't understand is how I assign the return value to the literal. I've tried

  submitHandler: function() { 
     $.post("includes/mail-form.php",
  {  
  age : $("#form-age-id").val(),
  email : $("#form-email-id").val(), 
  name : $("#form-name-i").val(),
         checkboxes : function(){
           var allVals = [];
    $('input.orthodontic-medical-form-disease:checked').each(function() {
         allVals.push($(this).val());
         });a
           return allVals;
         }

But I'm guessing that's assigning the actual function itself to the variable, not the returned value. Could someone help me please?

Answer 1

Try this:

checkboxes : $('input.orthodontic-medical-form-disease:checked').map(function() {
                 return $(this).val();
             }).get() // returns array of checked values

Alternatively, encapsulate your 'checkbox value getting' logic into a named function:

function getCheckedVals() {
    var rv = $('input.orthodontic-medical-form-disease:checked').map(function() {
                 return $(this).val();
             }).get();
    return rv;
}

and just call it:

checkboxes: getCheckedVals()