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

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

WBOY원래의: 2016-05-16 17:25:521268검색

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

읽기 전용이라면 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" />

성명：

이전 기사：js_Basic 지식의 onload 이벤트 사용 경험다음 기사：js_Basic 지식의 onload 이벤트 사용 경험

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

관련 기사