[javascript] checkbox 체크되었을 때 1, 안 되었을 때 0을 제출하고 싶다면

웹페이지에서 체크박스를 체크했을 때는 1을, 체크되어 있지 않을 때는 0을 제출하고 싶은 경우에는 다음과 같이 코딩해주면 됩니다. 

 

우선 html에서는 다음과 같은 코드를 작성해줍니다. 여기서 포인트는 두 input 태그에 name을 동일하게 해줘야 한다는 점입니다. 여기서는 input_check로 통일해줬습니다.

 

<input type="checkbox" name="input_check" value='1' id="input_check"/>
<input type="hidden" name="input_check" value='0' id="input_check_hidden"/>

 

그리고 javascript에서는 다음과 같이 작성해줍니다. 

 

if(document.getElementById("input_check").checked) {
    document.getElementById("input_check_hidden").disabled = true;
}

 

이렇게 해주면 체크했을 때는 1, 체크하지 않았을 때는 0이 전송됩니다. 만약 체크시 y를, 비체크시 n을 전송하고 싶다면, html 코드에서 value 부분을 각각 'y', 'n'으로 바꿔주면 됩니다.  

 

 

(이 글은 2022-03-15에 마지막으로 수정되었습니다)

 

참고자료

[1] stackoverflow.com/questions/31367098/how-to-submit-0-if-checkbox-is-unchecked-and-submit-1-if-checkbox-is-checked-in, stackoverflow, "How to submit 0 if checkbox is unchecked and submit 1 if checkbox is checked in HTML"