checkbox2 [javascript]checkbox 특정 개수 필수 선택 checkbox 특정 개수 필수 선택 input 태그 중 checkbox 타입은 한 개 이상의 선택이 필요할 때 사용합니다 프로젝트 진행중 체크박스 중 필수로 특정 개수만큼 선택해달라는 요구사항이 있었고 그로 인해 간단하게 만들었던 함수입니다. 기본 동작 기본적인 기능 은 radio 타입과 비슷하게 만들었고 그로 인해 다중 선택 가능한 radio 태그로도 생각할 수 있습니다. ※ 1개를 필수 개수로 입력 시 radio타입과 동일하게 동작 1. 특정 개수만큼 기본적으로 체크 2. 추가 선택 시 제일 처음 체크한 태그 체크해제 3. 체크 해제 방지 소스 코드 체크할 개수를 입력하고 설정버튼을 누르시면 동작합니다. See the Pen checkboxLikeRadio by kjg20260 (@kjg20260).. 2022. 4. 1. checkbox type의 input 태그를 Array를 이용해 radio 효과 나타내기 간단하게 javascript의 Array를 통해 Queue 형식(FIFO)으로 데이터를 처리 queue의 Enqueue : Array의 push(value)를 사용 - 배열에 value를 추가 queue의 Dequeue : Array의 shift()를 사용 - 배열에서 첫 번째 value를 제거하며 반환 체크박스를 선택하면 Array에 값을 추가하고 Array가 체크 가능한 최대 개수를 넘을 시 shift를 통해 제일 먼저 선택된 값을 제거하여 Radio처럼 동작하게 합니다. See the Pen radio checkbox by kjg20260 (@kjg20260) on CodePen. 2021. 9. 30. 이전 1 다음