체크박스 전체선택 , 전체해제 > 정보공유

본문 바로가기

정보공유

일반글
Javascript

체크박스 전체선택 , 전체해제

페이지 정보

게시물QR코드

본문

<script>

jQuery(document).ready(function($){

    $("#check_all").click(function() {

        $("input[name=chk]:checkbox").attr("checked", true);

    });

    $("#uncheck_all").click(function() {

        $("input[name=chk]:checkbox").attr("checked", false);

    });

    $("#count_check").click(function() {

        alert($("input[name=chk]:checkbox:checked").length);

    });

});

</script>

 

<input type="button" id="check_all" value="모두 선택" />

<input type="button" id="uncheck_all" value="모두 해제" />

<input type="button" id="count_check" value="체크 수 확인" />

 

<br />

<label><input type="checkbox" name="chk" value="1" />체크박스 1</label>

<label><input type="checkbox" name="chk" value="2" />체크박스 2</label>

<label><input type="checkbox" name="chk" value="3" />체크박스 3</label>

<label><input type="checkbox" name="chk" value="4" />체크박스 4</label>

<label><input type="checkbox" name="chk" value="5" />체크박스 5</label>

댓글목록

등록된 댓글이 없습니다.

  • Addr.부산광역시 부산진구 중앙대로 666번길 50, 더샵센트럴스타 CEO. 이경애 Email. gnuwiz@naver.com
  • BR. 625-68-00172 TRC. 2019-부산해운대-1186 TEL. 0507-1382-2790
Copyright © 2017 ~ 그누위즈. All rights reserved.