자바 스크립트를 사용하여 HTML 폼에서 결과를 생성하고 생성하는 방법

제목으로 게임을 만들어야하지만 내 문제는 자바 스크립트를 사용하는 라디오 버튼을 읽는 방법을 모르고 옵션을 기반으로한다는 점입니다. 플레이어가 선택한 난이도의 게임 모드로 시나리오를 생성합니다. 나는 닉네임에 대해 하나의 텍스트 입력을 사용하고 플레이어가 게임 유형과 난이도를 선택하기 위해이 필드 세트 2 개를 사용합니다. 난 당신이 jQuery를 사용하는 것이 좋습니다자바 스크립트를 사용하여 HTML 폼에서 결과를 생성하고 생성하는 방법

  <fieldset> 
      <legend>Dificuldade:</legend> 
        <input type="radio" name="dificuldade" value="easy"> easy </input> 
        <input type="radio" name="dificuldade" value="medium"> medium </input> 
        <input type="radio" name="dificuldade" value="hard"> hard </input> 
      </fieldset>

출처

2012-11-02 Cláudio

양식을 보내고 평가하는 방법에 대한 자세한 내용이 필요합니다. 양식 전송을 방해하는 정보. 제목을 주제 영역이 아닌 특정 문제로 변경하십시오. –

그건 내 문제가 어떻게 양식을 보내고 자바 스크립트를 사용하여 그것을 시나리오를 생성 할 수 있습니다 모르겠어요 –

아약스, 게시물, 제출, json의 여러 가지 방법이 몇 가지가 있습니다 ... 나는 뭔가 간단하게 갈 것입니다 javascript 양식을 먼저 사용하십시오. W3Schools는 자바 스크립트 자습서 및 양식을위한 훌륭한 장소입니다. http://www.tizag.com/javascriptT/javascriptform.php –

, 그것은 너무 많은 생명을 만들어 쉽게 :

$('[name=dificuldade]:checked').val()

JSFiddle : http://jsfiddle.net/3bc9m/

그렇지 않으면 당신은 DOM에서 라디오 버튼의 각을 통과 할 것이다, checked 속성을 확인하십시오. checked === true으로 찾으면 value 속성을 읽을 수 있습니다. 이처럼 :

var fieldset = document.getElementById('difficuldade'); // You'd need to set an ID to the fieldset element 
var curr = fieldset.firstChild; 

while (curr != null) { 
    if (curr.checked) { 
     break; 
    } 
    curr = curr.nextSibling; 
} 

curr.value; // This is your selected value

JSFiddle : http://jsfiddle.net/3bc9m/1/

네이트가 언급 한 바와 같이, DOM이 준비가되어 있는지 확인하십시오, 그렇지 않으면이 작동하지 않습니다. 즉, 모든 코드는 이벤트 (body 요소)에서 실행되어야합니다. 자세한 내용은 다음을 참조하십시오. http://www.w3schools.com/jsref/event_body_onload.asp

출처

2012-11-02 00:58:00 LukeGT

안녕하세요, 답변 주셔서 감사합니다, 나는 당신이 말한 두 번째 방법을 시도하고 사이클의 끝에 경고를 사용하여 무엇을 볼 생각 저장했지만 아무 것도 반환하지 않았습니다 –

바닐라 자바 스크립트로 어떻게 이것을 달성 할 수 있는지 보여주기 위해 편집했습니다. 그래도 jQuery 학습을 고려해보십시오. 얼마나 고통 스러울 지 알 수 있습니다. – LukeGT

DOM도 준비되어 있어야합니다. –

자바 스크립트를 사용하여 HTML 폼에서 결과를 생성하고 생성하는 방법

답변

관련 문제