써먹는 웹개발

[Jquery] HTML에서 폼 전송할때 Checkbox 값 전달방법 본문

웹개발/Js & Jquery

[Jquery] HTML에서 폼 전송할때 Checkbox 값 전달방법

kmhan 2018. 2. 8. 14:04


728x90
반응형

CheckBox값이 안 넘어가는 경우 Hidden Tag를 만들어서 해결해야 합니다.

 

1. HTML 소스

 <input type="hidden" id="YN" name="YN"/>

 <input type="checkbox" id="CHECK_YN" name="CHECK_YN" />

 

2. JavaScript 소스

 $("#CHECK_YN").change(

  function() {

   // 체크박스 값에 따라 히든 값 변경

   if ( $("#CHECK_YN").is(":checked") ){

       $("#YN").val('Y');

   } else {

       $("#YN").val('N');

   }

  }

 );

 

※ checkbox는 값이 넘어가지만 배열로 넘어가므로 다음과 같이 텍스트 형식으로 변경하여 넘기면 xml소스에 있는 쿼리문 파라미터에도 바로 매칭시킬 수 있다.

728x90
반응형


Comments