如何在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>

其他值像我的名字和姓氏字段我能夠得到的價值。任何人都可以給我一個示例代碼如何獲得選定的性別。

來源

2014-09-26 Dennis

您不能爲兩個對象分配相同的ID。 – ThiefMaster 2014-09-26 18:06:28

ID必須是唯一的; ID選擇器返回具有指定ID的第一個匹配元素。你應該使用類來代替。由於目標元件是無線電input就是你也可以使用Attribute Equals Selector用於選擇所述目標的輸入，並:checked選擇器，用於過濾所述輸入檢查：

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

來源

2014-09-26 18:02:22 undefined

ThiefMaster和你有相同的結果:)感謝您的幫助。 – Dennis 2014-09-26 18:17:13

試試這個

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

來源

2014-09-26 18:02:07 Richlewis

感謝哥們！我的問題解決了。我只是刪除了;它工作正常:)感謝很多 – Dennis 2014-09-26 18:14:15

-2

document.getElementById("gender").value

來源

2014-09-26 18:02:51

問題是問的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

來源

2014-09-26 18:11:26

首先，你不能有相同的ID爲兩個元素，但您可以通過其名稱以純javascript訪問單選按鈕「組」：

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

jQuery：

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

來源

2014-09-26 18:20:29

如何在javascript中獲取單選按鈕值

回答

相關問題