如何在javascript中获取单选按钮值

大家好

我遇到了一个问题，如何使用javascript获取单选按钮的值。 下面是html代码

<input type="radio" name="gender" id="gender" value="male"> Male</label>
<input type="radio" name="gender" id="gender" value="female"> Female</label>

男性
女性

我的剧本是这样的

<script>
 function submit_member(){
    $.post('<?php echo site_url('admin/submit'); ?>',
         {
            gender            : $('#gender').val()
         },
         function(data){
              if(data.result=='SUCCESS'){
                $('#gender').val('');
              }
        },'json'
         );
  }
</script>

函数submit_member（）{
$.post（“”，
{
性别：$（“#性别”）.val（）
},
功能（数据）{
if（data.result=='SUCCESS'）{
$（'性别'）.val（''；
}
}“json”
);
}

对于其他值，如我的名字和姓氏字段，我能够获得该值。有谁能给我一个示例代码来获取所选性别。

试试这个

$('#gender option:selected').val();

---

ID必须是唯一的ID选择器返回具有指定ID的第一个匹配元素。应改用类。由于目标元素是无线电

输入

s，因此您还可以使用选择目标输入，使用选择器过滤选中的输入：

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

---

问题是询问javascript，而不是使用jQuery

你真的不需要唯一的ID。这里有一个仅使用JS的解决方案。显然，您可能需要更改一些选择器内容

<fieldset>
  <input type="radio" name="someName" value="value1" checked="true" />
  <input type="radio" name="someName" value="value2" />
</fieldset>

---

这是JSBin:

首先，两个元素不能有相同的ID，但可以使用普通javascript通过其名称访问radiobutton“group”：

var rbVal = document.querySelector("input[name='gender']:checked").value;

jQuery：

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

---

您不能为两个对象分配相同的ID。谢谢，伙计！我的问题解决了。我只是把它去掉；而且效果很好：）非常感谢小偷大师，你也得到了同样的结果：）谢谢你的帮助。

var rbVal = document.querySelector("input[name='gender']:checked").value;

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