javascript checkbox 썸네일형 리스트형 [Vue3] vue에서 전체선택 체크박스 로직 구현하기 (checkbox select all) 전체선택 체크박스 만들기 기능구현 로직 1. 전체가 선택되면 판매대기, 판매중 모두 선택 2. 전체가 해제되면 판매대기, 판매중 모두 해제 3. 판매대기, 판매중이 모두 선택되면 전체 선택 4. 판매대기, 판매중 중 하나라도 해제되면 전체 해제 구현된 화면 See the Pen Untitled by JieunShin (@joannashin3) on CodePen. [소스 설명] 1. 전체선택 체크박스 html 전체 전체선택박스인데 v-model의 checkedAllComputed는 아래에서 computed를 사용하고 있다. (아래 js부분 참고) 2. 개별선택 체크박스 html {{ item.name }} js에서 받아올 checkedItems를 반복을 돌려 개별 체크박스를 만들었다. 각각의 input에.. 이전 1 다음
