Question

I am trying to get all input textboxes, radio groups, checkboxes etc. I am having trouble getting the selected radio and checkboxs values, I cant figure it out.

I can get the text boxes but can’t seem to get the “selected” in the right place. At the moment it just gets the first value for radio/checkboxes not the selected value.

$('#form_1 input').each(function(key)               
    formData += '&'+$('#'+this.id).attr('name')+'='+$('#'+this.id).val();   
});

Thanks

EDITED

$('#form_1 input').each(function(key, value) {              
    if ((this.type === "radio" || this.type === "checkbox") && this.checked === true) {
         val = this.value;
    } else {
         val = this.value;
    }

    alert($('#'+this.id).attr('name') + ' = ' + val);
    formData += '&'+$('#'+this.id).attr('name')+'='+val;    
});

Ok now I get every value for radios etc so I am a step closer. Just need to get the values of selected radios now.

Thanks

Answer 1

var val;
if (this.type === "radio" || this.type === "checkbox") {
     val = this.checked;
} else {
     val = this.value;
}

For radios and check boxes you care about the checked attribute.

Update

You wrote

(this.type === "radio" || (this.type === "checkbox" && this.checked === true))

You meant

((this.type === "radio" || this.type === "checkbox") && this.checked === true)

You need those brackets in the right place.

Further edit

The logic was a bit broken.

Basically what you want.

if ((this.type === "radio" || this.type === "checkbox") && this.checked === false) {
    return;
}

This means if its a non-checked radio/checkbox you do nothing.