> 웹 프론트엔드 > JS 튜토리얼 > (IE에서만 유효함) 체크박스 three-state_form 효과 정보

(IE에서만 유효함) 체크박스 three-state_form 효과 정보

WBOY
풀어 주다: 2016-05-16 19:13:31
원래의
1196명이 탐색했습니다.

출처:http://www.cnblogs.com/birdshome/archive/2005/01/03/85679.html
Windows XP의 폴더 속성 대화 상자를 사용할 때 폴더 속성 카테고리에서 해당 항목을 찾을 수 있습니다. 폴더 읽기전용 및 숨김 옵션이 완전히 체크되거나 체크 해제된 상태가 아닌 경우도 있고, 체크되어 있으나 배경이 회색인 상태인 경우가 많습니다. 실제로 이런 불확실한 CheckBox 상태는 웹에서도 표현될 수 있습니다.

웹 페이지에서는 를 사용하여 CheckBox 컨트롤을 얻을 수 있습니다. 이 컨트롤의 가장 일반적인 형태는 선택(체크 표시) 또는 선택 취소 상태입니다. 마우스 클릭을 사용하여 이 두 상태 사이를 쉽게 전환할 수 있으며, JavaScript 스크립트를 사용하는 것과 같은 스크립팅 언어를 사용할 수도 있습니다. :
chkb.checked = true; 또는 chkb.checked = false;
다음 그림은 CheckBox가 표시할 수 있는 세 가지 상태를 보여줍니다.
(IE에서만 유효함) 체크박스 three-state_form 효과 정보
첫 번째와 세 번째는 매우 일반적입니다. HTML을 사용하여 설정할 수 있습니다. 즉, selected라는 html 요소의 속성을 통해 CheckBox의 초기 상태를 결정할 수 있습니다. 여기서 말하는 불확정 상태는 IE4.0부터 지원되지만 해당 값을 설정하는 html 요소 속성은 없으며 대신 스크립트를 사용하여 불확정 상태를 설정할 수 있습니다.

예를 들어 JavaScript 스크립트를 사용합니다(기본값은 false임).

chkb.indeterminate = true; 또는 chkb.indeterminate = false;

참고: CheckBox의 indeterminate는 independent 속성은 CheckBox의 체크 및 상태 값과 아무 관련이 없습니다. 즉, CheckBox의 모양에만 영향을 미치므로 스크립트를 사용하여 체크 및 상태 값을 정상적으로 읽을 수 있습니다.
---------------------------------- --- -------------
출처:http://www.itbody.com/doc/Html/WEB/ 105537297.html

코드 복사 코드는 다음과 같습니다.

>

세 가지 상태 확인란(변경 순서: 선택 취소 -> 회색 선택 -> 흰색 선택)




확인란이 다음에 따라 변경되었습니다. onclick: <입력 유형=체크박스 이름=checkbox0 플래그=0 onclick='gray(this)'>선택되지 않은 체크박스로 초기화됨

;<입력 유형=체크박스 이름=체크박스1 플래그=1 onclick='gray(this)'>선택한 흰색 체크박스로 초기화

<입력 유형=체크박스 이름 =checkbox2 플래그 =2 onclick='gray(this)'>선택한 체크박스를 회색으로 초기화

onpropertychange에 따라 체크박스가 변경되었습니다:

<입력 유형=체크박스 이름=checkbox3 onpropertychange= 'gray2 (this)'>선택되지 않은 체크박스로 초기화됨




원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿