HTML Form Submit 시 Checkbox 클릭 안된 경우 값 전달 방법 > jquery

Submit 이벤트 발생 시, 클릭이 안된 Checkbox 는 값 전달 이 무시 된다. 이런 경우에는 Hidden Tag 를 만들어서 해결 하자. Sample 코드는 jQuery 를 사용 하였다.

• Html

<input type="checkbox" name="sampleCheckbox" />
<input type="hidden" name="sampleHidden" />

• JavaScript

if ($('input[name=sampleCheckbox]').is(":checked")) {
    $('input[name=sampleHidden]').val('Y');
} else {
    $('input[name=sampleHidden]').val('N');
}

위 샘플을 적용 해보자. 값이 전달 될 것이다.