[JS] checkbox 체크 시 Y, 체크 해제 시 N

input type checkbox 체크 시 Y 값, 해제 시 N 값 넣기
처음 페이지 로드 시 gnBusiLicenseYn1 값이 비어 있거나 Y일 경우 체크가 되어 있는 상태를 디폴트로 줬다.

gnBusiLicenseYn1 값은 DB에서 가져온 값으로 최초로 글쓰기일때 빈값, 수정 시 Y값인지 확인하고

체크박스 값이 N인 경우 체크해제가 되어있게 했다.

<td>
    <label for="busiLicenseYn1">체크박스</label>
    <input type="checkbox" id="busiLicenseYn1_Y" name="busiLicenseYn1" value="Y" <%=(gnBusiLicenseYn1.equals("") || gnBusiLicenseYn1.equals("Y")) ? "checked" : ""%>>
    <input type="hidden" id="busiLicenseYn1_N" name="busiLicenseYn1" value="N" />
</td>

<script>
document.addEventListener("DOMContentLoaded", function() {
    var checkbox = document.getElementById("busiLicenseYn1_Y");
    var hiddenInput = document.getElementById("busiLicenseYn1_N");

    checkbox.addEventListener("change", function() {
        if (this.checked) {
            hiddenInput.value = "Y";
        } else {
            hiddenInput.value = "N";
        }
    });
});
</script>

 

 

---

공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다.

고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다.

행복한 하루 보내세요 (❁´◡`❁)