2014-09-26 155 views
0

美好的一天给大家。如何在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> 

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

+0

您不能为两个对象分配相同的ID。 – ThiefMaster 2014-09-26 18:06:28

回答

1

ID必须是唯一的; ID选择器返回具有指定ID的第一个匹配元素。你应该使用类来代替。由于目标元件是无线电input就是你也可以使用Attribute Equals Selector用于选择所述目标的输入,并:checked选择器,用于过滤所述输入检查:

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

ThiefMaster和你有相同的结果:)感谢您的帮助。 – Dennis 2014-09-26 18:17:13

0

试试这个

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

感谢哥们!我的问题解决了。我只是删除了;它工作正常:)感谢很多 – Dennis 2014-09-26 18:14:15

-2
document.getElementById("gender").value 
0

问题是问的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

1

首先,你不能有相同的ID为两个元素,但您可以通过其名称以纯javascript访问单选按钮“组”:

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

jQuery:

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