>  기사  >  웹 프론트엔드  >  jquery의 입력에 읽기 전용 속성을 추가하는 방법

jquery의 입력에 읽기 전용 속성을 추가하는 방법

青灯夜游
青灯夜游원래의
2021-11-16 15:59:265221검색

jquery의 입력에 읽기 전용 속성을 추가하는 방법: 1. "$("input")" 문을 사용하여 입력 객체를 얻습니다. 2. attr()을 사용하여 얻은 입력 객체에 읽기 전용 속성을 추가합니다. , "input object.attr("readonly","readonly");" 구문을 사용합니다.

jquery의 입력에 읽기 전용 속성을 추가하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

input의 읽기 전용 속성--readonly

readonly 속성은 입력 필드가 읽기 전용임을 지정합니다.

읽기 전용 필드는 수정할 수 없습니다. 그러나 사용자는 여전히 필드를 탭하여 해당 텍스트를 선택하거나 복사할 수 있습니다.

readonly 속성은 특정 조건(예: 확인란 선택)이 충족될 때까지 사용자가 값을 수정하는 것을 방지합니다. 그런 다음 JavaScript를 사용하여 읽기 전용 값을 제거하고 입력 필드를 편집 가능한 상태로 전환해야 합니다.

jquery의 입력에 읽기 전용 속성을 추가하는 방법은 무엇입니까?

jquery에서는 attr() 메서드를 사용하여 입력 요소에 읽기 전용 속성을 추가할 수 있습니다.

attr() 메서드는 선택한 요소의 속성 값을 설정하거나 반환합니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("readonly","readonly");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>

	<body>
		<input type="text" value="hello"/><br /><br />

		<button>给input添加只读属性</button>
	</body>
</html>

jquery의 입력에 읽기 전용 속성을 추가하는 방법

관련 튜토리얼 추천: jQuery 비디오 튜토리얼

위 내용은 jquery의 입력에 읽기 전용 속성을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.