메뉴 건너뛰기

조회 수 216 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

최근 jquery를 사용하면서 소스의 양도 줄어들고, 쓸데 없이 for문을 잔뜩 돌릴일도 없어지고, 덕분에 소스의 실행속도 까지 빨라지는거 같아서 참 흡족해 하고 있다.
그러는 와중에 필자가 항상 for문을 돌려가며 사용했던 모두 체크 기능을 jquery로는 간단하게 구현 가능하기에 한번 소개 해보려고 한다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>

<script type="text/javascript">
$( function(){
  $('#chk_all').click( function(){
    if( $(this).val() == 1 ) 
    {
      $('.chk').attr("checked", "checked");
      $(this).val( 0 );
    }
    else 
    {
      $('.chk').removeAttr("checked");
      $(this).val( 1 );
    }
  });
});
</script>

<input type="checkbox" name="chk_all" id="chk_all" value="1"><br><br>

<input type="checkbox" class="chk" name="chk1" id="chk1" value=""><br>
<input type="checkbox" class="chk" name="chk2" id="chk2" value=""><br>
<input type="checkbox" class="chk" name="chk3" id="chk3" value=""><br>
<input type="checkbox" class="chk" name="chk4" id="chk4" value=""><br>
 






간단한 것이니 따로 설명은 안하겠다.


  1. No Image 31Mar
    by
    2021/03/31 Views 256 

    행에 징검다리 스타일 입히기 (:odd, :even)

  2. No Image 31Mar
    by
    2021/03/31 Views 288 

    제이쿼리에서 클래스(class) 이름 추가/삭제

  3. No Image 31Mar
    by
    2021/03/31 Views 864 

    click event scroll

  4. No Image 31Mar
    by
    2021/03/31 Views 341 

    click에 따른 마우스 휠 on off

  5. No Image 31Mar
    by
    2021/03/31 Views 352 

    다중 select

  6. No Image 31Mar
    by
    2021/03/31 Views 316 

    draggable - div 드래그

  7. No Image 31Mar
    by
    2021/03/31 Views 394 

    parent of the iframe element selector

  8. No Image 31Mar
    by
    2021/03/31 Views 274 

    prepend / append - element 추가 (부모/자식 관계)

  9. No Image 31Mar
    by
    2021/03/31 Views 216 

    before / after / insertBefore / insertAfter - element 추가 (동등 관계)

  10. No Image 31Mar
    by
    2021/03/31 Views 302 

    마우스 좌표 얻기

  11. No Image 26Mar
    by
    2021/03/26 Views 637 

    간단한 마우스 포인터 따라 다니기

  12. No Image 26Mar
    by
    2021/03/26 Views 300 

    change 전의 값을 가져오기

  13. No Image 26Mar
    by
    2021/03/26 Views 218 

    focus() 로 오브젝트 옮기기

  14. No Image 26Mar
    by
    2021/03/26 Views 878 

    새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

  15. No Image 26Mar
    by
    2021/03/26 Views 603 

    SELECTBOX MULTIPLE 검색하기

  16. easing - 효과의 진행 속도

  17. No Image 26Mar
    by
    2021/03/26 Views 323 

    fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

  18. No Image 26Mar
    by
    2021/03/26 Views 881 

    정규식, 한글 못쓰게 하기, replace all

  19. No Image 26Mar
    by 조쉬
    2021/03/26 Views 216 

    input checkbox 모두 체크하기

  20. No Image 26Mar
    by
    2021/03/26 Views 1180 

    attr() - style의 특정 속성만 바꾸기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved