jquery에서 요소가 읽기 전용인지 확인하는 방법
- 青灯夜游원래의
- 2022-09-13 18:22:402481검색
판단 단계: 1. attr()을 사용하여 지정된 요소의 읽기 전용 속성 값을 가져옵니다. 구문은 "$("selector).attr("readonly")"입니다. 읽기 전용 속성은 "readonly", 구문 "속성 값 == "readonly"", 속성 값이 "readonly"이면 요소는 읽기 전용이고, 그렇지 않으면 요소는 읽기 전용이 아닙니다.
작동 이 튜토리얼의 환경: Windows 7 시스템, jquery3.6.1 버전, Dell G3. 컴퓨터
HTML 읽기 전용 상태
readonly 속성은
readonly 속성이 사용되는지 여부를 제어합니다. 입력 필드는 읽기 전용입니다. 그러나 사용자는 여전히 탭 키를 사용하여 필드로 전환하고 해당 텍스트를 선택하거나 복사할 수 있습니다. (예: 확인란 선택) 그런 다음 JavaScript를 사용하여 읽기 전용 값을 제거하고 입력 필드를 편집 가능한 상태로 전환해야 합니다. 또는 629eb92cf31ecc0ef074b81c9ffc63a3를 함께 사용합니다.
- jquery는 요소가 읽기 전용인지 확인합니다
- jquery에서는 읽기 전용 속성 값
- 읽기 전용 속성 값이 "readonly"이면 요소는 읽기 전용입니다.
구현 단계:
- 1단계: attr()을 사용하여 가져옵니다. 지정된 요소의 읽기 전용 속성 값
- attr() 메서드는 선택한 요소의 값을 반환할 수 있습니다. 속성 값을 지정하세요
$("选择器).attr("readonly")
2단계: 읽기 전용 속성 값이 "readonly"인지 확인
속성 값이 "읽기 전용"이고 요소가 읽기 전용입니다
속성 값이 "읽기 전용"이 아니고 요소가 읽기 전용이 아닙니다
if(属性值=="readonly"){
console.log("元素只读");
}else{
console.log("元素不只读");
}샘플 코드:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
var a = $("input").attr("readonly");
if (a == "readonly") {
console.log("input元素只读");
} else {
console.log("input元素不只读");
}
var b = $("textarea").attr("readonly");
if (b == "readonly") {
console.log("textarea元素只读");
} else {
console.log("textarea元素不只读");
}
});
});
</script>
</head>
<body>
<input type="text" value="hello" readonly="readonly" /><br /><br />
<textarea></textarea><br /><br />
<button>元素是否只读</button>
</body>
</html>
,
웹 프론트엔드 동영상위 내용은 jquery에서 요소가 읽기 전용인지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!