jquery에서 입력을 읽기 전용 상태로 변경하는 방법
- 青灯夜游원래의
- 2022-06-09 17:04:554372검색
두 가지 구현 방법: 1. attr()을 사용하여 입력 요소에 읽기 전용 속성을 추가하고 속성 값을 "readonly"로 설정합니다. 구문은 "$("input").attr("readonly","입니다. 읽기전용"); ". 2. prop()을 사용하여 입력 요소에 읽기 전용 속성을 추가하고 "$("input").prop("readonly",true);" 구문을 사용하여 속성 값을 "true"로 설정합니다.
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.0 버전, Dell G3 컴퓨터.
입력을 읽기 전용으로 만들려면 입력 요소에 읽기 전용 속성(readonly)을 추가하면 됩니다.
따라서 jquery를 사용하여 입력을 읽기 전용 상태로 변경하는 것은 jquery를 사용하여 입력 요소에 읽기 전용 속성을 추가하는 것으로 변환됩니다.
다음 두 가지 구현 방법이 있습니다.
attr()을 사용하세요
prop()를 사용하세요
1. 입력 요소의 읽기 전용 상태를 설정하려면 attr()을 사용하세요
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="./js/jquery-3.6.0.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>
2. prop()을 사용하여 입력 요소의 읽기 전용 상태를 설정합니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="./js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("input").prop("readonly",true);
});
});
</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>
설명:
사실 prop() 메서드는 attr( ) 메소드에서 둘 다 요소의 HTML 속성을 가져오거나 설정하는 데 사용되지만 둘 사이에는 근본적인 차이점도 있습니다.
jQuery 공식 권장사항: selected, selected, 비활성화 등 true와 false 두 가지 값을 갖는 속성의 경우 prop() 메소드를 사용하여 동작하는 것을 권장하고, 그 외 속성은 prop() 메소드를 사용하는 것을 권장한다. attr() 메서드를 작동합니다.
【추천 학습: jQuery 동영상 튜토리얼, 웹 프론트엔드 동영상】
위 내용은 jquery에서 입력을 읽기 전용 상태로 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!