라디오 버튼 그룹의 값을 찾으려면 어떻게합니까?

Question

나는 폼을 반복하고 각 요소의 값을 찾는다. 예를 들어 체크 박스, 입력 필드 등을 찾는다.이 폼의 태그를 반복하면서 문자열에 추가한다. 내부에 여러 개의 옵션 태그가있는 선택 태그는 select 태그의 값을 취하게됩니다. 이는 편리하게 현재 선택 태그의 선택된 값이며, 문자열에 추가합니다.

문제는 라디오 버튼이 현재 값을 저장하는 양식의 위치를 ​​갖고 있지 않은 것입니다. 라디오 버튼이 이름별로 그룹화되어 있지만 라디오 버튼의 태그에 ID를 사용하지 않고 어떤 라디오 버튼을 선택했는지 어떻게 알 수 있습니까? 또한 양식에 여러 라디오 버튼 그룹이 있으며 제출을 클릭하면 개별적으로 각 값을 가져올 수 있어야합니다. 여기

은 마지막 주에 예컨대 라디오 버튼 형태

<form id="radioTestForm"> 
     <input type="radio" name="group1" value="cows">1</input> 
     <input type="radio" name="group1" value="ducks">2</input> 
     <input type="button" onclick="radioTest()" value="submit"></input> 
    </form> 

이고, I는 이것을 jQuery를 사용할 수 없으며, 이는 자바 스크립트에 있어야한다.

function wichFruit() 
{ 
    var element = document.form1.fruit; 
    for (var i=0; i < element.length; i++) 
    { 
    if (element[i].checked) 
    { 
     var fruit = element[i].value; 
     break; 
    } 
    } 
} 

을 따를

Working Demo

Answer 1

function getRadioValue() 
{ 
    for (var i = 0; i < document.getElementsByName('group1').length; i++) 
    { 
     if (document.getElementsByName('group1')[i].checked) 
     { 
      return document.getElementsByName('group1')[i].value; 
     } 
    } 
} 

당신은 선택 라디오 버튼을 감지합니다

<form name="form1"> 
Apple <input type="radio" name="fruit" checked value="apple" > 
Orange <input type="radio" name="fruit" value="orange" > 
Apricot <input type="radio" name="fruit" value="apricot" > 
</form> 

<input type="button" onclick="whichFruit()" value="Choose a fruit"> 

양식이 있다고 가정하자

Answer 2