라디오 버튼에서 배열로 값을 동적으로 추가 한 다음 jquery로 결과 값을 함께 더합니다.

Question

기본적으로 퀴즈를 작성 중입니다. 선택한 라디오 버튼의 값을 가져와 함께 추가하고 싶습니다. 결과를 돌려 준다. 총 8 개의 질문이 있습니다. 그러나이 퀴즈가 작동하는 방식은 이전 및 다음 버튼이있어서 사용자가 돌아가서 대답을 변경할 수 있다는 것입니다. 그래서 나는 그 특정 질문에 대한 가치를 얻고 사용자가 그들의 대답을 바꾸기로 결정한다면 그것을 새로운 가치로 대체 할 필요가있다. 모든 질문은 정적으로 페이지에 표시되며 jquery를 통해 표시되고 숨겨집니다. 그냥 도움이 필요해. 서버에 게시 할 필요가 없습니다. 결과를 유지하고 사용자가 완료된 후에 전체를 반환하면됩니다. 이 프로세스를 시작하기 위해 게시 할 코드가 없습니다. 감사. 나는 이것이 의미가 있기를 바랍니다.

Answer 1

이

,

안녕 브라이언 코멘트에 추가 질문에 대한 답변을 업데이트 그것은과 같이, 객체에 대한 답변을의 onChange 처리기를 생성하고 저장하는 것이 가장입니다 :

$(document).ready(function(){ 
    answers = new Object() 
    $('.option').change(function(){ 
     var answer = ($(this).attr('value')) 
     var question = ($(this).attr('name')) 
     answers[question] = answer 
    }) 
    $('#done').click(function(){ 
     var result = sum_values() 
     // do stuff with the result 
     alert('the sum of the recorded values is: ' + result) 
    }) 
}) 

function sum_values(){ 
    var the_sum = 0 
    for (question in answers){ 
     the_sum = the_sum + parseInt(answers[question]) 
    } 
    return the_sum 
} 


<input class='option' type="radio" name="question1" value="1">answer 1 to Q1<br> 
<input class='option' type="radio" name="question1" value="2">answer 2 to Q1<br> 
<hr> 
<input class='option' type="radio" name="question2" value="1">answer 1 to Q2<br> 
<input class='option' type="radio" name="question2" value="2">answer 2 to Q2<br> 
<span id='done' style='cursor:pointer;'>done</div> 

그러면 라디오 상자를 선택하거나 변경할 때마다 업데이트되는 답변 개체가 남습니다. 이 예제에서 사용자가 '완료'를 클릭하면 sum_values ​​()를 호출하여 값을 요약 할 수 있습니다. 이 도움이

희망,

호프