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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2395 | 1년 전 | 5045 | ||
| 2394 |
|
1년 전 | 1694 | |
| 2393 |
|
1년 전 | 1353 | |
| 2392 |
|
1년 전 | 1135 | |
| 2391 |
|
1년 전 | 1186 | |
| 2390 | 1년 전 | 1775 | ||
| 2389 | 1년 전 | 1321 | ||
| 2388 | 1년 전 | 1305 | ||
| 2387 |
투명한열정
|
1년 전 | 3069 | |
| 2386 |
|
1년 전 | 2335 | |
| 2385 | 1년 전 | 1662 | ||
| 2384 | 1년 전 | 1798 | ||
| 2383 | 1년 전 | 1449 | ||
| 2382 |
|
1년 전 | 1867 | |
| 2381 | 1년 전 | 1038 | ||
| 2380 | 1년 전 | 1381 | ||
| 2379 | 1년 전 | 916 | ||
| 2378 | 1년 전 | 2992 | ||
| 2377 | 1년 전 | 1558 | ||
| 2376 | 1년 전 | 1731 | ||
| 2375 |
네이비스택
|
1년 전 | 1111 | |
| 2374 | 1년 전 | 1544 | ||
| 2373 | 1년 전 | 1464 | ||
| 2372 |
goodman148
|
1년 전 | 2105 | |
| 2371 | 1년 전 | 1514 | ||
| 2370 |
|
1년 전 | 1028 | |
| 2369 | 1년 전 | 1832 | ||
| 2368 | 1년 전 | 1353 | ||
| 2367 |
|
1년 전 | 1207 | |
| 2366 | 1년 전 | 2135 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기