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.