2017. 3. 27. 14:08ㆍ자바스크립트
Allcheckbox.html1. 자바스크립트 체크박스
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>앙큼한유채 - 전체 체크박스 선택하기</title> </head> <body> <form> <dir> <table> <thead> <tr> <th scope="col"><INPUT type="checkbox" name="chkall" value="1" id="chkall" onclick="check_all(this.checked)">전체선택</th> </tr> </thead> <tbody> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="1" id="1">1</td></tr> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="2" id="2">2</td></tr> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="3" id="3">3</td></tr> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="4" id="4">4</td></tr> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="5" id="5">5</td></tr> <tr><td class="td_chk"><input type="checkbox" name="chk[]" value="6" id="6">6</td></tr> </tbody> </table> </dir> </form> <script> function check_all(bool) { var chk = document.getElementsByName("chk[]"); for (var i=0; i<chk.length; i++) chk[i].checked = bool; } </script> </body> </html> |
2. 실행 결과
'자바스크립트' 카테고리의 다른 글
| 정규식 (0) | 2018.04.09 |
|---|---|
| 자바스크립트 숫자만 추출 (1) | 2017.11.24 |
| null과 undefined의 차이 (0) | 2017.04.17 |
| submit, href, replace 차이점 (0) | 2017.04.14 |
| 자바스크립트 이벤트 (0) | 2017.04.11 |