>  기사  >  웹 프론트엔드  >  jquery에서 요소가 읽기 전용인지 확인하는 방법

jquery에서 요소가 읽기 전용인지 확인하는 방법

青灯夜游
青灯夜游원래의
2022-09-13 18:22:402532검색

판단 단계: 1. attr()을 사용하여 지정된 요소의 읽기 전용 속성 값을 가져옵니다. 구문은 "$("selector).attr("readonly")"입니다. 읽기 전용 속성은 "readonly", 구문 "속성 값 == "readonly"", 속성 값이 "readonly"이면 요소는 읽기 전용이고, 그렇지 않으면 요소는 읽기 전용이 아닙니다.

jquery에서 요소가 읽기 전용인지 확인하는 방법

작동 이 튜토리얼의 환경: 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 동영상 튜토리얼

    ,

    웹 프론트엔드 동영상
  • ]

위 내용은 jquery에서 요소가 읽기 전용인지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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