이제 여러 개의 확인란이 있지만 모두 이름이 같지만(« favorite_pet ») 값이 다르지만(예: « Dogs »)을 공유합니다. 이 양식이 서버에 다시 제출되면 이러한 모든 확인란은 단일 이름으로 표시되지만 값은 0-3개 항목의 배열이 됩니다. 확인란 대신 라디오 단추를 사용한 경우 사용자는 좋아하는 동물 한 개만 선택할 수 있지만 확인란을 사용하면 둘 중 어느 동물도 선택할 수 없습니다. 이것은 아래 예제에서 볼 수 있습니다 (영감CSS 트릭 덕분에). 이 예제에서는 레시피를 위해 수집하는 재료를 추적합니다. 성분의 확인란을 선택하거나 선택을 취소하면 JavaScript 함수가 체크 재료의 총 수를 확인합니다: 하드코딩대신 런타임에 확인란에 대한 옵션 목록을 제공하려면 Spring MVC에 확인란 태그를 추가할 수 있습니다. 응용 프로그램. « 항목 » 속성에서 사용 가능한 옵션이 포함된 배열, 목록 또는 맵을 전달합니다. 이것은 자바 스크립트를 사용하여 확인란으로 작업하는 방법의 간단한 예일 뿐입니다. 특히 jQuery와 같은 JavaScript 프레임워크를 사용하면 DOM 요소를 선택하고 조작하기가 훨씬 쉬워집니다. PHP에서는 이름 의 다음에 대괄호([]) 집합을 추가하여 동일한 이름의 다양한 확인란이 서버의 배열로 결합되도록 할 수 있습니다.

지금까지 의 모든 확인란이 처음부터 확인되지 않은 방법을 확인하십시오 – 사용자가 확인란과 상호 작용하여 상태를 선택취소에서 선택됨으로 변경해야 합니다. 원하는 것일 수도 있지만, 경우에 따라 사용자에게 선택 점을 제안하거나 데이터베이스와 같은 기존 설정에 해당하는 값을 가진 확인란을 표시하기 때문에 기본적으로 확인란을 선택하도록 할 수 있습니다. 다행히도 이것은 매우 간단합니다 – 확인란에 선택된 특성을 추가하기만 하면 됩니다. 레이블은 확인란을 식별해야 합니다. 이런 식으로 좋아하나요? (잘못되었습니다.) 기본적으로 확인란을 선택하려면 선택된 특성을 지정하기만 하면 됩니다. 아래 예제 를 참조하십시오: JSP에서 확인란에 대한 옵션을 표시하기 위해 JSP에서 사용되는 prefMap 및 foodList를 볼 수 있듯이 여기에 모델 특성으로 설정됩니다. JSP에서 일부 확인란을 선택하려면 UserPreferences 개체의 속성에 대한 값을 설정할 수 있습니다. 참고: 라디오 단추는 확인란과 비슷하지만 중요한 차이점이 있는 라디오 단추는 한 번에 하나의 라디오 단추만 선택할 수 있는 집합으로 그룹화되지만 확인란을 사용하면 단일 값을 켜고 끌 수 있습니다. 여러 컨트롤이 있는 경우 라디오 단추를 사용하면 모두 선택할 수 있는 반면 확인란에서는 여러 값을 선택할 수 있습니다. 이 확인란이 기본적으로 선택되어 있는지 여부를 나타내는 부울 특성(페이지가 로드될 때). 이 확인란이 현재 선택되어 있는지 여부를 나타내지 않습니다: 확인란의 상태가 변경된 경우 이 콘텐츠 특성은 변경 내용을 반영하지 않습니다. (HTMLInputElement의 확인된 IDL 특성만 업데이트됩니다.) 선택된 특성은 및 와 함께 사용할 수 있습니다.

참고: 확인란이 버튼 모드에 있으면 스위치 모드는 아무런 영향을 미치지 않습니다. 이전 예제를 테스트한 경우 체크박스 옆에 텍스트를 넣을 수 있지만 여전히 두 가지 별도 항목입니다 .