> 웹 프론트엔드 > JS 튜토리얼 > 체크박스는 사용자가 check_javascript 기술을 사용하지 못하도록 체크박스의 읽기 전용 효과를 설정합니다.

체크박스는 사용자가 check_javascript 기술을 사용하지 못하도록 체크박스의 읽기 전용 효과를 설정합니다.

WBOY
풀어 주다: 2016-05-16 17:25:52
원래의
1330명이 탐색했습니다.

웹 개발 시에는 체크박스를 표시해 이 장소를 체크할 수 있다는 것을 표시해야 하는 경우도 있지만, 사용자가 체크하는 것을 원하지 않는 경우에는 "이 곳은 체크할 수 있습니다."라고만 알리고 싶을 때도 있습니다. 여기(예: 정보 표시 페이지)에서는 확인란을 읽기 전용으로 설정해야 합니다.

읽기 전용이라면 readonly 속성을 사용한다고 생각하기 쉽지만, 체크박스의 경우에는 이 속성이 기대하는 효과와 다릅니다. 그 이유는 읽기 전용 속성이 페이지 요소(예: 텍스트 상자, 읽기 전용이 설정된 경우 입력 상자의 텍스트 내용을 수정할 수 없음)의 값 속성과 연결되어 있고 확인란이 선택/취소되지 않고 있기 때문입니다. 값 속성을 변경하는 것입니다. 확인된 상태입니다. 따라서 체크박스의 경우 읽기 전용으로 설정되어 있어도 선택/취소가 가능합니다. 효과는 다음과 같습니다.

readonly="readonly" />
option a
                    option b
                    option c               
option a
option b
option c               
readonly="readonly"
/> 옵션 a
       옵션 b
              옵션 c                                                                   옵션 a
옵션 b
옵션 c

읽기 전용과 유사하게 비활성화된 속성도 있습니다. 이 속성의 기능은 페이지 요소를 사용할 수 없도록 설정하는 것입니다. 즉, 대화형 작업을 수행할 수 없습니다(값 속성을 수정할 수 없음, 확인된 상태 포함). 등은 수정할 수 없습니다.) 효과는 다음과 같습니다.
disabled="disabled" />               
                    option a
                    option b
                    option c               
option a
option b
option c               
disabled="disabled"

/>

                    옵션 a
                                                                           옵션 b
                옵션 c                                                                                    
옵션 a
옵션 b
옵션 c
위에서 읽기 전용이나 비활성화 모두 원하는 효과를 얻을 수 없음을 알 수 있습니다. 직접 구현할 수 없기 때문에 이를 해결하고 시뮬레이션할 수 있습니다. 코드는 다음과 같습니다.
onclick="return false;" checked="checked" />               
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿