mobile menu

The Arrow Newsletter

mobile menu

제이쿼리 체크박스 예제

형식 확인란의 요소는 공식 정부 문서 양식에서 볼 수 있듯이 활성화될 때 선택된 사각형 상자로 기본적으로 렌더링됩니다. 이를 통해 양식에서 제출할 단일 값을 선택할 수 있습니다(또는 그렇지 않음). 이 속성에 대 한 많은 사용 사례가 없습니다. 가장 일반적인 것은 여러 하위 옵션(확인란이기도 함)을 “소유”하는 확인란을 사용할 수 있는 경우입니다. 모든 하위 옵션을 선택하면 소유 확인란도 선택되고 모두 선택하지 않은 경우 소유 확인란이 선택취소됩니다. 하위 옵션 중 하나 이상이 다른 옵션과 다른 상태를 가지면 소유 확인란이 확정되지 않은 상태입니다. 참고: 확정되지 않은 확인란이 있는 양식을 제출하는 경우 양식이 선택되지 않은 것처럼 동일한 일이 발생합니다. 값 특성이 생략된 경우 확인란의 기본값이 켜지므로 해당 경우 제출된 데이터는 subscribe=on이 됩니다. 위에서 본 예제에는 하나의 확인란만 포함되어 있습니다. 실제 상황에서는 여러 확인란이 발생할 수 있습니다. 그들은 완전히 관련이없는 경우, 당신은 단지 위에서 와 같이, 별도로 그들 모두를 처리 할 수 있습니다.

그러나, 그들은 모두 관련 있다면, 것 들 아주 간단 하지 않습니다. 이 확인란이 기본적으로 선택되어 있는지 여부를 나타내는 부울 특성(페이지가 로드될 때). 이 확인란이 현재 선택되어 있는지 여부를 나타내지 않습니다: 확인란의 상태가 변경된 경우 이 콘텐츠 특성은 변경 내용을 반영하지 않습니다. (HTMLInputElement의 확인된 IDL 특성만 업데이트됩니다.) 이것은 아래 예제에서 볼 수 있습니다 (영감CSS 트릭 덕분에). 이 예제에서는 레시피를 위해 수집하는 재료를 추적합니다. 성분의 확인란을 선택하거나 선택을 취소하면 JavaScript 함수가 확인된 재료의 총 수를 확인합니다. 값 특성은 모든 공유하는 속성이지만 형식 확인란입력을 위한 특별한 용도로 사용됩니다. 특성. 값이 달리 지정되지 않은 경우 기본적으로 문자열입니다.

이는 위의 값 섹션에서 설명합니다. 우리는 이미 위의 확인란의 가장 기본적인 사용을 다루었습니다.