[jQuery] 체크박스 전체 선택 제이쿼리 > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[jQuery] 체크박스 전체 선택 제이쿼리

페이지 정보

profile_image
작성자 제로
댓글 0건 조회 39,392회 작성일 16-02-06 22:47

본문

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>check_all demo</title>
    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
</head>
<body>

<div id="checkall">
    <input type="checkbox" name="check_all"> 전체선택
</div>
<ol>
    <li><input type="checkbox" name="wr_1" class="id_row" value="1">
    <li><input type="checkbox" name="wr_2" class="id_row" value="2">
    <li><input type="checkbox" name="wr_3" class="id_row" value="3">
    <li><input type="checkbox" name="wr_4" class="id_row" value="4">
    <li><input type="checkbox" name="wr_5" class="id_row" value="5">
    <li><input type="checkbox" name="wr_6" class="id_row" value="6">
    <li><input type="checkbox" name="wr_7" class="id_row" value="7">
</ol>

<script>
$(document).on('change','input[name="check_all"]',function() {
    $('.id_row').prop("checked" , this.checked);
});
</script>
</body>
</html>

댓글목록

등록된 댓글이 없습니다.

Total 829건 6 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
704 제로 38018 03-23
703 제로 51625 03-17
702 제로 38674 02-25
701 제로 41070 02-19
700 제로 72085 02-19
699 제로 36757 02-19
698 제로 37180 02-17
697 제로 40201 02-08
696 제로 38062 02-08
열람중 제로 39393 02-06
694 제로 37727 02-06
693 제로 40394 02-06
692 제로 36123 02-04
691 제로 182045 02-04
690 제로 35620 02-03
689 제로 38383 02-02
688 제로 36210 01-23
687 제로 57887 01-09
686 제로 83944 12-09
685 제로 44807 12-05
684 제로 50390 11-16
683 제로 39503 09-29
682 제로 40255 09-14
681 제로 41273 09-14
680 제로 60253 07-30

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5470-4714
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
44,927
어제
25,218
최대
431,155
전체
7,320,720
Copyright (c) 株式会社YHPLUS. All rights reserved.