单选框始终显示未定义

Question

我正在尝试创建一个显示单选框值的警告框。单选框始终显示未定义。为什么会这样？

<input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female<br>

这是我的JavaScript：

<script>    
          $("input[name='gender']").click(function(){
                var gender = $('#gender').val();
              //var url ="".cityname;
              alert(gender);
            //window.location.replace("search.php?gender="+gender);
        });

</script>

Answer 1

将您的代码更改为：

 $("input[name='gender']").click(function(){
                alert($(this).val());
            //window.location.replace("search.php?gender="+gender);
  });

您正在寻找this，在您的情况下，您正在选择ID为性别的div。