JavaScript & HTML/JavaScript

checkbox serialize 해결방법

husks 2020. 4. 3. 13:44
반응형

 

소스체 체크박스가 있을때 form에서 serialize() 로 값을 넘기는 경우 체크된 값만 넘기고 체크 안 된 값은 넘기지 않습니다.

 

체크된 값도 'on' 으로 넘어갑니다.

 

해당 부분을 해결하기 위해 아래와 같이 적어야 합니다.

 

form사이에 <input type="checkbox" name="agree_yn"> 동의 가 존재한다고 가정했을때

 

 

JavaScript 부분은 아래와 같이 해결해 줍니다.

var objParams = $("#frm").serializeArray();

objParams.push({name:"agree_yn", value:$("input[name='agree_yn']").is(":checked")?"Y":"N"}); //체크가 되었다면 Y 아니면 N

form안의 값을 serializeArray로 넘기고 추가로 checkbox는 별도로 셋팅 해줘야 합니다.

 

중요한 점은 기존처럼 serialize() 로 넘기면 push가 안되기 때문에 serializeArray()를 사용하셔야 합니다.

반응형