체크박스는 사용자가 check_javascript 기술을 사용하지 못하도록 체크박스의 읽기 전용 효과를 설정합니다.
- WBOY원래의
- 2016-05-16 17:25:521344검색
웹 개발 시에는 체크박스를 표시해 이 장소를 체크할 수 있다는 것을 표시해야 하는 경우도 있지만, 사용자가 체크하는 것을 원하지 않는 경우에는 "이 곳은 체크할 수 있습니다."라고만 알리고 싶을 때도 있습니다. 여기(예: 정보 표시 페이지)에서는 확인란을 읽기 전용으로 설정해야 합니다.
읽기 전용이라면 readonly 속성을 사용한다고 생각하기 쉽지만, 체크박스의 경우에는 이 속성이 기대하는 효과와 다릅니다. 그 이유는 읽기 전용 속성이 페이지 요소(예: 텍스트 상자, 읽기 전용이 설정된 경우 입력 상자의 텍스트 내용을 수정할 수 없음)의 값 속성과 연결되어 있고 확인란이 선택/취소되지 않고 있기 때문입니다. 값 속성을 변경하는 것입니다. 확인된 상태입니다. 따라서 체크박스의 경우 읽기 전용으로 설정되어 있어도 선택/취소가 가능합니다. 효과는 다음과 같습니다.
| readonly="readonly" /> | |
| option a option b option c |
option a option b option c |
옵션 b
옵션 c
옵션 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" /> |
성명： 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. |