jquery에서 텍스트 상자를 읽기 전용으로 설정하는 방법-프런트엔드 Q&A-php.cn

jquery에서 텍스트 상자를 읽기 전용으로 설정하는 방법

WBOY

풀어 주다： 2022-04-08 15:46:46

원래의

3880명이 탐색했습니다.

방법: 1. "$(input element)" 문을 사용하여 텍스트 상자 요소 객체를 얻습니다. 2. attr() 메서드를 사용하여 텍스트 상자를 읽기 전용으로 설정하고 읽기 전용 속성 값을 읽기 전용으로 설정합니다. 구문은 "텍스트 상자 요소" Object.attr("readonly","readonly")"입니다.

jquery에서 텍스트 상자를 읽기 전용으로 설정하는 방법

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 텍스트 상자를 읽기 전용으로 설정하는 방법

1. "$(입력 요소)" 문을 사용하여 텍스트 상자 요소 개체를 가져옵니다.

$는 jQuery

의 별칭이고 jQuery는 (jQuery.ajax(options)와 동일한 $.ajax(options)와 같은 용도도 있기 때문에 단순한 함수는 아닌 것 같습니다.)

이 함수의 기능은 찾기입니다. ()의 매개변수를 기반으로 HTML 문서에서 요소를 선택합니다. 함수 함수 중 하나는 GetElementByID를 바꾸는 것이지만 ()는 ID일 뿐만 아니라 다양한 선택기도 될 수 있습니다.

$(document)는 다음과 같습니다. 2. attr 메소드

attr() 메소드는 선택한 요소의 속성과 값을 설정하거나 반환합니다. 이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

이 방법을 사용하여 속성 값을 설정하면 일치하는 요소에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

Syntax

속성 값 반환:

$(selector).attr(attribute)

로그인 후 복사

속성 및 값 설정:

$(selector).attr(attribute,value)

로그인 후 복사

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

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

예제는 다음과 같습니다.

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(&#39;input&#39;).attr("readonly","readonly");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Mickey">
<button>将文本框设置为只读</button>
</body>
</html>

로그인 후 복사

출력 결과: