Checkboxradio Widget

Checkboxradio Widget

version added: 1.0


Checkboxes

체크 박스는 둘 이상의 옵션을 선택할 수있는 옵션 목록을 제공하는 데 사용됩니다.

전통적인 데스크탑 체크 박스는 터치 입력에 최적화되어 있지 않으므로 jQuery Mobile에서는 label체크 박스가 더 크고 클릭 할 수 있도록

체크 박스 스타일을 지정합니다.

추가적인 시각적 피드백을 제공하기 위해 사용자 정의 아이콘 세트가 레이블에 추가됩니다.

확인란은 표준 입력 / 레이블 마크 업을 사용하지만 아래의 컨트롤은 터치 친화적 인 스타일입니다.

실제로 볼 수있는 스타일 컨트롤은 실제 요소 위에있는 레이블 요소이므로 이미지를로드하지 못하면 기능 컨트롤을 사용할 수 있습니다.

대부분의 브라우저에서 레이블을 클릭하면 자동으로 입력이 클릭되지만,

기본적으로 수행하지 않는 일부 모바일 브라우저의 경우 수동으로 업데이트를 실행해야합니다.

바탕 화면에서 이러한 컨트롤은 키보드 및 스크린 리더에 액세스 할 수 있습니다.

하나의 체크 박스를 생성하기 위해, 추가 input로모그래퍼 type="checkbox"속성과 대응 label.

이 경우 input해당 래핑되지 label는 설정해야합니다 for의 속성을 label일치하는 id의를 input그래서 그들은 의미 연관되어있다.


<label><input type="checkbox" name="checkbox-0"> I agree </label>

<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom">
<label for="checkbox-1">I agree</label>


위의 스 니펫은 두 가지 기본 체크 박스를 생성합니다. 기본 스타일은 요소의 너비를 상위 컨테이너의 100 %로 설정합니다.