hyeonk lab

블로그 이미지

hyeonk

hello world! hyeonk lab.

체크박스 전체선택,해제

javascript 2010. 7. 24. 02:00

//체크박스 하나로 전체선택,해제
function checkAll(obj){
    var allInput = document.all.tags('INPUT');
    for( var i=0 ; i<allInput.length ; i++ )
    {
        var input = allInput[i];
        if( input.type == 'checkbox' )
        {
            input.checked = obj.checked;
// alert(input.value);
        }
    }
}

- 사용예
<td height="20" align="center" width="1%"><input type="checkbox" name="del_allchk" value="all_chk" onclick="checkAll(this)"></td>

전체체크박스의 온클릭 이벤트에서 아래와같이 함수사용을 해주면 함수 하나로 전체체크, 해제가 된다.
하나로 하니 편리하다^^

'javascript' 카테고리의 다른 글

input 텍스트박스 동적추가  (0) 2011.01.07
encodeURIComponent  (0) 2010.12.30
Posted by hyeonk
블로그 이미지

hello world! hyeonk lab.

by hyeonk

공지사항

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

태그

글 보관함

«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

링크

카테고리

전체 (44)
ios (1)
mfc & winAPI (17)
c & c++ (4)
java (1)
eclipse (1)
visual_studio (2)
javascript (3)
asp (1)
oracle (3)
개발이야기 (5)
윈도우 일반 (2)
etc (2)
reference (2)
personal_reference (0)

카운터

Total
Today
Yesterday
방명록 : 관리자 : 글쓰기
hyeonk's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

hyeonk lab

hello world! hyeonk lab.

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 전체 (44)
    • ios (1)
    • mfc & winAPI (17)
    • c & c++ (4)
    • java (1)
    • eclipse (1)
    • visual_studio (2)
    • javascript (3)
    • asp (1)
    • oracle (3)
    • 개발이야기 (5)
    • 윈도우 일반 (2)
    • etc (2)
    • reference (2)
    • personal_reference (0)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바