어제 오늘 내일

지난 번에는 체크박스 목록 전체 선택/전체 선택해제 하는 방법을 알아보았습니다. [Javascript] 체크박스 전체 선택 / 전체 해제 구현하기 [Javascript] 체크박스 전체 선택 / 전체 해제 구현하기 체크박스 전체 선택/전체 해제 구현하는 2가지 방법을 소개합니다. 1. Document.getElementsByName() 활용하기 2. Document.querySelectorAll() 활용하기 1. Document.getElementsByName() 활용하기 Select All.. hianna.tistory.com 그런데, 이전 포스팅의 예제에서는 전체 선택 후, 개별 항목을 선택 해제하여도 전체 선택 항목의 체크박스가 자동으로 선택 해제 되지 않습니다. 이번에는, 개별 항목 중 하나라도 선..

체크박스 전체 선택/전체 해제 구현하는 2가지 방법을 소개합니다. 1. Document.getElementsByName() 활용하기 2. Document.querySelectorAll() 활용하기 1. Document.getElementsByName() 활용하기 Select All 개 고양이 토끼 function selectAll(selectAll) { const checkboxes = document.getElementsByName('animal'); checkboxes.forEach((checkbox) => { checkbox.checked = selectAll.checked; }) } (HTML, JS 탭을 클릭하여 두 가지 코드를 모두 확인하세요.) 위 예제 코드는 'animal'이라는 이름을 가..