单选按钮不会从“更改”；备选方案A"；-AJAX/JAVASCRIPT

我正在尝试将此表单解析为php->mysql。我的问题是AJAX中的var g。它始终是最重要的输入选项，不会响应用户的选择。在此实例中，DB将始终显示“f”。有什么想法吗

  <input id="gender" type="radio" name="gender" value="f">Female
  <input id="gender" type="radio" name="gender" value="m">Male

  <input id="signupbtn"  onclick="signup()" type="submit" value="Sign Up">
    <span id="status"></span>
</form>

function signup(){
    var g = _("gender").value;

女性
男性
函数注册（）{
var g=uu（“性别”）.值；

对于页面上的元素，

id

应该是唯一的。因此（我相信，这取决于浏览器），getElementById（）似乎只返回该id的第一个元素。要解决此问题，您可以尝试：

var theRadio=document.getElementsByName("gender");
for (var I=0; I<theRadio.length; I++){
    if (theRadio[I].checked){
        var g=theRadio[I].value;
        break;
    }
}

var theRadio=document.getElementsByName（“性别”）；
对于（var I=0；I使用此

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

试试这个，它处于工作状态：

function signup() {

        var isRadioBtnChecked = $('input:radio[name=gender]').is(':checked');
        if (isRadioBtnChecked) {
        var selectedGender = $('input:radio[name=gender]:checked').val();
        }
    }

谢谢。
用这个表示g值看看这里

是否要选择单选按钮的选定值？是用户选定的值。但它将始终默认为第一个DOM输入“f”在本例中。您对两个单选按钮使用了相同的id，我们是否可以使用id属性两次。干杯！您没有指定jQuery或没有，所以我坚持使用普通代码。如果您使用jQuery，则有更简洁的编写方法。编辑：我想这是标记之一。无论如何，普通代码。；）
$("#signupbtn").click(function ()
                      {
    var g= "";
    var selected = $("input[type='radio']:checked");
    if (selected.length > 0) {
    g= selected.val();
}
   });