javascript - 单选框始终显示未定义

Question

这个问题已经有答案了:

In jQuery, how do I get the value of a radio button when they all have the same name? (7 个回答)

已关闭 7 年前。

我正在尝试创建一个显示单选框值的警报框。单选框始终显示未定义。为什么会发生这种情况？

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