div에 대한 모든 입력을 Ajax 요청으로 받으십시오.

Question

모든 입력 텍스트 박스, 라디오 그룹, 체크 박스 등을 얻으려고합니다. 선택한 라디오 및 체크 박스 값을 가져 오는 데 문제가 있습니다. 알아낼 수 없습니다.

텍스트 상자를 가져올 수 있지만 올바른 위치에서 "선택한 항목"을 가져올 수 없습니다. 현재로서는 선택한 값이 아닌 라디오/체크 박스의 첫 번째 값만 가져옵니다.

$('#form_1 input').each(function(key)    
    formData += '&'+$('#'+this.id).attr('name')+'='+$('#'+this.id).val(); 
}); 

감사

$('#form_1 input').each(function(key, value) {    
    if ((this.type === "radio" || this.type === "checkbox") && this.checked === true) { 
     val = this.value; 
    } else { 
     val = this.value; 
    } 

    alert($('#'+this.id).attr('name') + ' = ' + val); 
    formData += '&'+$('#'+this.id).attr('name')+'='+val;  
}); 

확인 편집을 할

지금 그래서 나는 걸음 더 가까이 오전 라디오 등을위한 모든 가치를 얻을. 이제 선택한 라디오의 값을 가져와야합니다.

감사

Answer 1

var val; 
if (this.type === "radio" || this.type === "checkbox") { 
    val = this.checked; 
} else { 
    val = this.value; 
} 

및 확인란 :

$('form').submit(function() { 
    alert($(this).serialize()); 
    return false; 
}); 

이 표준적인 쿼리 문자열을 생성 checked 속성.

는 업데이트

당신은 당신이 올바른 위치에서 그 괄호가 필요

((this.type === "radio" || this.type === "checkbox") && this.checked === true)

을 의미

(this.type === "radio" || (this.type === "checkbox" && this.checked === true))

을 썼다.

또한 편집

논리는 조금 깨진했다.

기본적으로 원하는 것.

if ((this.type === "radio" || this.type === "checkbox") && this.checked === false) { 
    return; 
} 

이것은 라디오/체크 박스가 선택되지 않은 경우 아무 것도하지 않음을 의미합니다.

Answer 2

이 직접 귀하의 질문에 대답하지 않지만 이미 사용할 수 뭔가를 달성하려는 것 같습니다 - 당신이 serialize()을 확인 할 수 있습니다 - 그냥 사용 var formData = $('#form_1').serialize()

Answer 3

로 사용 serialize()^[docs] 방법.

선택한 요소의 값을 가져옵니다. 워드 프로세서

var formData = $('#form_1').serialize(); 

:

.serialize() 메소드는, 개별 형상 요소를 선택한 JQuery와 오브젝트에 작용하고있다. 그러나, 직렬화 태그 자체를 선택하는 일반적으로 쉽게 : 당신이 걱정

a=1&b=2&c=3&d=4&e=5 

라디오를 들어