s

체크박스 전체선택/해제/반전

<script type="text/JavaScript">
function chkBox(bool) { // 전체선택/해제
var obj = document.getElementsByName("chk[]");
for (var i=0; i<obj.length; i++) obj[i].checked = bool;
}
function revBox() { // 전체반전
var obj = document.getElementsByName("chk[]");
for (var i=0; i<obj.length; i++) obj[i].checked = !obj[i].checked;
}
</script>

<table border=1>
<tr bgcolor=#efefef>
<td><INPUT type=checkbox onclick=chkBox(this.checked)> 선택</td>
</tr>
<tr><td><INPUT type=checkbox name=chk[] value=100> 이효리</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=200> 성유리</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=300> 이진</td></tr>
<tr><td><INPUT type=checkbox name=chk[] value=400> 옥주현</td></tr>
</table>

<INPUT type=button value="전체반전" onclick=revBox()>

|

댓글 8개

좋은 팁이네요~
감사합니다. ~
on이 함께 넘어오는데 제거 할 수 있나요?
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 860
16-01-19 조회 488
15-12-23 조회 644
15-12-08 조회 1,293
14-10-30 조회 2,882
14-06-06 조회 2,292
12-08-30 조회 1,498
12-08-20 조회 1,274
12-07-15 조회 2,698
12-07-13 조회 1,468
12-07-06 조회 1,464
12-06-27 조회 1,021
12-06-23 조회 1,135
12-05-03 조회 3,100
12-04-20 조회 2,041
12-03-29 조회 2,360
12-03-22 조회 2,706
12-03-22 조회 1,452
12-03-21 조회 1,282
12-03-11 조회 1,622
12-03-06 조회 1,894
12-02-22 조회 2,236
12-02-17 조회 1,217
12-02-17 조회 4,260
12-02-14 조회 3,883