2014-02-20 3 views
0

나는 입력 내용을 채울 때 진행 상황을 보여주고 진행 상황을 보여 주며 라디오 버튼을 제외한 모든 입력 유형에서 잘 작동합니다. 이것은 각 입력이 진행 상황으로 등록하기 위해 "필수"태그를 필요로하기 때문입니다. 그러나 이것은 각 라디오 옵션에 대해 필수 태그를 지정해야한다는 것을 의미합니다. 따라서 라디오 응답 중 하나를 선택하여 질문에 답하는 대신, 모든 라디오 버튼을 클릭해야합니다. 두 라디오 버튼을 담고있는 컨테이너에 "필수"태그를 적용하려했지만 작동하지 않습니다.라디오 버튼이있는 jQuery 진행률 막대

여기 내 코드 en이므로 내가 무엇을하고 있는지 정확히 알 수 있습니다. 어떤 도움

http://codepen.io/er40/pen/ugdqa

감사합니다!

답변

0

선택한 무선을 기반으로 값을 변경하는 숨겨진 입력이 필요하면 더 복잡한 작업이 있지만 개념적으로는 생각하는대로 개념적으로 하나의 확인란에 값이 " 예 "라고 말합니다. 계속하기 전에 사용자가"예 "를 선택했는지 확인해야하기 때문입니다.

지금 내가 동시에 선택할 수있는 라디오 버튼이 두 개 있으며 여전히 많은 의미가 없습니다.

편집 : 복잡한 문제를 해결

라디오 그룹에 숨겨진, 필요한 입력을 추가

<input type="radio" name="radio" value="yes">YES 
<input type="radio" name="radio" value="no">NO 
<input type="hidden" class="radio_selected" required="required" /> 

와 자바 스크립트의

이의 라인을 따라 뭔가 숨겨진 입력 A를 제공하기 위해 값 :

$('input[type="radio"]').click(function() { 
    var radio_selected = $(this).next('.radio_selected'); 
    if (radio_selected.val() !== 'true') { 
    radio_selected.val("true"); 
    } 
}); 

그런 다음 변경 사항을 감지하도록 플러그인을 수정하십시오.

이것은 라디오를 선택 취소 할 수 없기 때문에 실제로 작동합니다.

+0

죄송합니다. 라디오 버튼이 엉망입니다. 방금 고정 했으므로 두 라디오 옵션 중 하나를 선택할 수 있습니다. http://codepen.io/er40/pen/ugdqa – user3277733

+0

위의 "복잡한 해결책"에서 언급 한 것을 추가했습니다. 플러그인으로 작업 할 수 있도록 조작해야하지만, 라디오를 클릭하면 숨겨진 입력 값이 변경됩니다. – jakealbaugh

+0

감사합니다! – user3277733