JS radio button value, not passing

[coupe-r]

I have 2 gender radio buttons:

 

<input name="gender" type="radio" <?php if(isset($gender_error)) { echo 'class="textboxError"'; } else { echo 'class="glow"'; } ?> id="gender" value="Male" <?php if(isset($gender) && $gender == 'Male') {echo 'checked="checked"';} ?> />Male 

<input name="gender" type="radio" <?php if(isset($gender_error)) { echo 'class="textboxError"'; } else { echo 'class="glow"'; } ?> id="gender" value="Female" <?php if(isset($gender) && $gender == 'Female') {echo 'checked="checked"';} ?> />Female

 

I'm passing the checked value to another PHP page via jquery:

 

gender:	document.form1.gender.value

 

This should echo our Male, but never does.  If I make it gender[0].value, it then echos Male, if I make it gender[1] it echos Female because I'm telling it the position.

 

I'm guessing I need to change gender: document.form1.gender.value slightly, just not sure how.

 

Any Ideas?

[nogray]

You need to loop through the radio buttons (using a for loop) and check if the radio button is checked or not. If checked, you got your value.

 

Since you only have 2 radio buttons only, you can also use an if,else statement

[coupe-r]

This works great:

 

$('input:radio[name=gender]:checked').val(),