자바 스크립트에서 라디오 버튼 값을 얻는 방법

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 selector는 지정된 ID를 가진 첫 번째로 일치하는 요소를 반환합니다. 대신 클래스를 사용해야합니다. 대상 요소이기 때문에 라디오 input 당신은 또한 대상 입력을 선택하는 Attribute Equals Selector을 사용할 수있는 S 및 체크 입력을 필터링하는 :checked 선택 :

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

Answer 2

이

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

Answer 3

document.getElementById("gender").value 

Answer 4

질문 jQuery를 사용하지 않는, 자바 스크립트에 대해 질문했다.

정말 고유 ID가 필요하지 않습니다. 다음은 JS를 사용하는 솔루션입니다. 같은를 가질 수 없습니다, http://jsbin.com/jeracaragisa/2/edit?html,js,console

Answer 5

첫째 :

여기

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

가 JSBin입니다 : 분명히 당신은 ... 주위에 몇 가지 선택 물건을 변경

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

필요 그리고 JS 수 있습니다 두 요소의 ID이지만 일반 자바 스크립트로 이름을 사용하여 라디오 버튼 "그룹"에 액세스 할 수 있습니다.

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

jQuery :

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