jQuery serializeArray() key value pairs

Question

I\'m having a bit of trouble serializing a form

Answer 1

Here is my solution which supports radio buttons and multi-select.

var data = $('#my_form').serializeArray().reduce(function (newData, item) {
    // Treat Arrays
    if (item.name.substring(item.name.length - 2) === '[]') {
        var key = item.name.substring(0, item.name.length);
        if(typeof(newData[key]) === 'undefined') {
            newData[key] = [];
        }
        newData[key].push(item.value);
    } else {
        newData[item.name] = item.value;
    }
    return newData;
}, {});

console.log(data);

  
    Value 1
    Value 2
    Value 3 Not selected
  
  

  
  
  

  
   Male

   Female