<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>

추천 0 비추천 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 밴드 보내기
  • 블로그 보내기
  • 폴라 보내기
  • 카카오스토리 보내기
  • 텔레그램 보내기
  • 텀블러 보내기
댓글 0

JavaScript

RSS
번호 제목 글쓴이 날짜 추천 비추천
상단으로