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