본문 바로가기
study/javascript

반복문 사용안하고 체크박스 모두 체크하기

by 땅콩잉 2021. 9. 13.
728x90

전체체크박스 html

<input type="checkbox" class="form-check" id="contact-check-all">

 

각각체크박스 html

<input type="checkbox"  " name="check_board[]" id="check_board_숫자" value="숫자">

 

 

$('#contact-check-all').on('click',function(){ 

       $('input[name^="check_board"]').prop('checked',this.checked);    

});

 

체크박스 만의 클래스를 지정해놓았으면 클래스로 접근해서 체크해도 된다.

 

name^= : 네임이 ~로 시작하는

 

추가로 저렇게 해놓았던 스크립트도 수정했다.ㅎ

댓글