2026, 새로운 도약을 시작합니다.

3. 게시판 여분필드와 자바스크립트 : checkbox

먼저 1편과 2편을 읽으셔야 합니다.

1편 - https://sir.kr/g5_tip/20120

2편 - https://sir.kr/g5_tip/20129

input 의 체크박스는 다른 type 들이 특정값을 목적으로 한다면 그것과는 다르게 불린값 즉 그것이냐 그것이 아니냐는 딱 2가지만을 가지고 판단합니다.

그전에 체크박스의 매우 특수한 위치에 대해서 먼저 설명해 볼게요.

체크박스 value 의 디폴트값은 놀랍게도 "진공" 이 아니라 "on" 입니다.

아래 코드를 https://wittazzurri.com/editor/html_editor.php 에서 확인해보세요.

[code]

<input type="checkbox" id="wr_3" name="wr_3">
<script>document.write(wr_3.value);</script>

[/code]

제 말이 거짓이 아님이 증명됩니다.

그래서 체크박스를 자바스크립트로 사용할 때는 이런 문제 등등... 때문에 약간 더 복잡합니다.

아래처럼 사용하세요.

[code]

<input type="checkbox" id="wr_3" name="wr_3"> 확인

.

.

.
<script>
wr_3.value = "<?php echo $write['wr_3']; ?>";
wr_3.checked = wr_3.value !== "" ;
wr_3.onclick = () => { wr_3.value = wr_3.checked ? "확인" : ""; }
</script>

[/code]

체크박스는 뷰페이지에서 적용할 때도 약간 더 귀찮습니다.

그래서 가장 편한 방법은 두가지 불린값으로 판단할 경우에는 자바스크립트를 사용하지 않거나 라디오버튼 사용을 권해드립니다. 

|

댓글 4개

다시한번 느끼지만
비타주리님만의 강좌 게시판 신설이 필요합니다^^
@푸른산타 과찬이세요.ㅋ
감사 합니다.
@들레아빠 감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,599
2741 4일 전 조회 134
2740 5일 전 조회 116
2739 1주 전 조회 220
2738 1주 전 조회 222
2737 2주 전 조회 185
2736 2주 전 조회 287
2735 3주 전 조회 291
2734 3주 전 조회 265
2733 1개월 전 조회 267
2732 1개월 전 조회 305
2731 1개월 전 조회 271
2730 1개월 전 조회 230
2729 1개월 전 조회 364
2728 1개월 전 조회 250
2727 1개월 전 조회 423
2726 1개월 전 조회 260
2725 1개월 전 조회 333
2724 1개월 전 조회 364
2723 1개월 전 조회 267
2722 1개월 전 조회 303
2721 1개월 전 조회 215
2720 2개월 전 조회 305
2719 2개월 전 조회 314
2718 2개월 전 조회 203
2717 2개월 전 조회 337
2716 2개월 전 조회 205
2715 2개월 전 조회 315
2714 2개월 전 조회 273
2713 2개월 전 조회 378
2712 2개월 전 조회 294
🐛 버그신고