jQuery :input[value] with Radio buttons

Question

I'm using:

var data = $("form :input[value]");

To get all the values in a form and passing the data to an ajax script.

My problem is it doesn't work with RADIO buttons - it always sends the last value for the radio group.

Any ideas on how to get the checked radio button along with all the other form values?

Answer 1

There's a function built-in for this, just call .serialize(), like this:

var data = $("form").serialize();

You can see how it's appropriately filtering out these elements here.

Answer 2

You are maybe looking for .serialize() method.

var data = $('form').serialize();

Note: .serialize() only serializes input controls which have a name attribute.

Reference: .serialize()

Answer 3

for radio buttons you need to inspect the checked attribute.