[Javascript] checkbox checked 갯수 제한두기

checkbox

input type 중 하나로 기본 형태는 사각형 모양으로

마우스 클릭을 하게 되면 배경색이 파란색으로 바뀌면서 체크 표시가 뜨게 됩니다.

 

회원가입이나 쇼핑을 할 때 등등 쉽게 볼 수 있는 input type 인데요.

오늘은 여러 개의 checkbox 중에서 특정 갯수 이상으로 체크되지 않도록 script code를 짜보겠습니다.

 

소스와 함께 간략한 설명을 주석으로 달았습니다.

 

위 소스에선 if문으로 checkbox가 2개까지 체크되도록 했고

3개를 체크하려는 순간 alert 함수로 경고창이 뜨면서 체크가 되지 않도록 했습니다.