Question

每个人都过得愉快。

我有一个问题，如何使用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>

对于像我的名字和姓氏字段这样的其他值，我能够获得该值。任何人都可以给我一个示例代码如何获得选定的性别。

Answer 1

ID必须唯一; ID选择器返回具有指定ID的第一个匹配元素。你应该使用类。由于目标元素是广播input，因此您还可以使用Attribute Equals Selector来选择目标输入，并使用:checked选择器过滤选中的输入：

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

Answer 2

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

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

jQuery的：

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

Answer 3

试试这个

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

Answer 4

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

你真的不需要唯一的ID。这是一个只使用JS的解决方案。显然你可能需要改变一些选择器的东西......

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

和JS：

console.log(document.getElementsByName('someName')[0].value);

这是JSBin：http://jsbin.com/jeracaragisa/2/edit?html,js,console

Answer 5

document.getElementById("gender").value

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

5 个答案: