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

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

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

본문

<!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>
추천0

댓글목록 0

등록된 댓글이 없습니다.

전체 825건 6 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기