$.post, radio button value, jquery

Question

I have trouble to pass radio button value by using $.post can anyone help me find out the problems?

i got Undefined index:gender

<?php
    $gender = $_POST['gender'];    
    if (!$gender) {
        echo $gender;
    }    
?>

<script type="text/javascript">
    function get(){
        $('#error').hide();

        $.post(
            'signup.php', 
            { gender:signup.gender.value },
            function(output){
                $('#error').html(output).fadeIn(100);
            }
        )       
    }
</script>

<form name="signup">
    <input class="radio" type="radio" name="gender" value="male"/> Male<br/>
    <input class="radio" type="radio" name="gender" value="female"/> Female
    <input type="button" value="submit" onclick="get();" />
</form>

<div id="error"></div>

Possible dublicate: http://stackoverflow.com/questions/986120/how-to-get-the-value-of-a-selected-radio-button-using-its-name-in-jquery — Peon, Jan 30 '13 at 13:32

score 3 · Answer 1 · answered Jan 30 '13 at 13:31

3

Try changing this line:

{ gender: signup.gender.value }

To this:

{ gender: $('.radio').val() }

Of if you wish to keep it as vanilla javascript, you need to explicitly use the forms collection:

{ gender: document.forms['signup'].gender.value }

answered Jan 30 '13 at 13:31

Rory McCrossan

331,213
40
305
339

Ilyssis · Answer 2 · 2013-01-30T13:48:17.213

0

You can use jquery serialize for forms:

//Form data:
var aData = $('#formID').serializeArray();
//Create param string:
var sSend = $.param(aData);
//Call ajax:
$.post('signup.php', sSend, function(sData){
   ...
});

or for the value:

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

and in your php better:

$gender = isset($_POST['gender']) ? $_POST['gender'] : '';

edited Jan 30 '13 at 13:48

answered Jan 30 '13 at 13:33

Ilyssis

4,849
7
24
30

score 0 · Answer 3 · answered Jan 30 '13 at 13:37

0

Try this...

{ gender: $('.radio [name="gender"]').val() }

Greetings.

answered Jan 30 '13 at 13:37

MG_Bautista

2,593
2
18
33

score 0 · Answer 4 · answered Jan 30 '13 at 15:27

0

i just found the answer

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

thanks for everyone's help!

answered Jan 30 '13 at 15:27

chien pin wang

559
1
4
15

$.post, radio button value, jquery

4 Answers4