php - $.post，单选按钮值，jquery

Question

我无法使用 $.post 传递单选按钮值 谁能帮我找出问题所在？

我得到了 undefined index :性别

<?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>

Answer 1

尝试改变这一行:

{ gender: signup.gender.value }

对此:

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

如果您希望将其保留为 vanilla javascript，则需要显式使用 forms 集合:

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