반응형 전체선택1 [Modern][Javascript] 체크박스 전체 선택 / 전체 해제 구현 Modern 시리즈는 작성일 기준 최신 자바스크립트 문법으로 구현한 예제입니다. 최신 문법으로 체크박스 전체 선택 / 전체 해제 구현하는 방법을 소개합니다. HTML 삽입 미리보기할 수 없는 소스 JS const checkAll = document.querySelector("[name=checkAll]"); const items = [...document.querySelectorAll("[name=items]")]; // 아이템 선택 이벤트 items.forEach(async (item) => { item.onchange = (e) => { checkAll.checked = items.every((item) => item.checked); } }); // 전체 선택 이벤트 checkAll.onchange.. 2024. 2. 21. 이전 1 다음 반응형