jQuery / 체크박스 모두 선택, 모두 선택 해제 만들기
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { $( '.check-all' ).click( function() { $( '.ab' ).prop( 'checked', this.checked ); } ); } ); </script> </head> <body> <form> <p><input type="checkbox" name="all" class="check-all"> <label>Check ALL</label></p> <hr> <p><input type="checkbox" name="cb1" class="ab"> <label>Checkbox 1</label></p> <p><input type="checkbox" name="cb2" class="ab"> <label>Checkbox 2</label></p> <p><input type="checkbox" name="cb3" class="ab"> <label>Checkbox 3</label></p> <p><input type="checkbox" name="cb4" class="ab"> <label>Checkbox 4</label></p> </form> </body> </html> |
