2013-03-07 2 views
3

라디오 버튼 입력과 정확히 일치하도록 양식을 보낼 때 다음 오류가 발생했습니다. 나는이 선택되어 라디오 버튼 변수 "아파트"로 설정하는 방법을 모르는jQuery 및 AJAX가있는 라디오 버튼

if($('#coral1').prop('checked')){ 
     apartamentos = 'Coral 1'; 
    } 
    else if($('#coral2').prop('checked')){ 
     apartamentos = 'Coral 2'; 
    } 
    else if($('#coral3').prop('checked')){ 
     apartamentos = 'Coral 3'; 
    } 

:

여기
 <input name="radio" type="radio" class="raido-btn" id="coral1" value="coral1" /> 
     <label for="coral1">CORAL I</label> 
     <input name="radio" type="radio" class="raido-btn" id="coral2" value="coral2" /> 
     <label for="coral2">CORAL II</label> 
     <input name="radio" type="radio" class="raido-btn" id="coral3" value="coral3" /> 
     <label for="coral3">CORAL III</label> 

는 자바 스크립트 코드 : 여기

는 HTML 코드입니다 .

그것은 항상 사전에 변수 아파트를 = '산호'

감사를 설정

+0

'아파트 = $ ('raido-btn을이 :. 확인'). 발()'이 항상 설정 아파트의 = '산호 1'로 –

+0

는 – Weinz

+0

당신의 모든 라디오의 이름이 같은 단 하나의 캔 확인해 봐. –

답변

3

JQuery와이 작업을 수행 할 수있는 몇 가지 방법이있다. 보통 내가하는 한 가지 방법은 .is()을 사용하는 것입니다 (예 : $('#coral2').is(':checked')). 당신도 사용할 수 있습니다 apartamentos = $('.raido-btn:checked').val()

+0

첫 번째 옵션을 사용하려고 시도하지만 두 번째 옵션을 사용하면 항상 변수를 설정합니다. apartamentos = 'Coral 1'; – Weinz

+2

$ ("# coral2") 할 수 있어야합니다. 작은 jquery 오버 헤드를 피하고 확인하십시오.) – bgusach

+0

감사합니다. 나는 onclick = "$ ('# coral1').을 추가합니다. 모든 입력이 이제 완벽하게 작동합니다;) – Weinz

2

당신은 그 진술을에 첨부합니까? jsFiddle의 clickevent에이 파일을 첨부하고 잘 작동하는 것 같습니다. apartamentos을 라디오 버튼의 값 또는 정의한 문자열로 설정하려고하는지 확신 할 수 없지만 확실히 업데이트되고 있습니다.

http://jsfiddle.net/FTT5e