Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand

So ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand

青灯夜游
青灯夜游Original
2022-06-09 17:04:554371Durchsuche

Zwei Implementierungsmethoden: 1. Verwenden Sie attr(), um das readonly-Attribut zum Eingabeelement hinzuzufügen, und setzen Sie den Attributwert auf „readonly“. Die Syntax lautet „$(“input“).attr(“readonly“, schreibgeschützt"); ". 2. Verwenden Sie prop(), um das readonly-Attribut zum Eingabeelement hinzuzufügen, und setzen Sie den Attributwert auf „true“, indem Sie die Syntax „$(“input“).prop(“readonly“,true);“ verwenden.

So ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.

Wenn Sie die Eingabe schreibgeschützt machen möchten, fügen Sie einfach das schreibgeschützte Attribut (readonly) zum Eingabeelement hinzu.

Daher wird die Verwendung von jquery zum Ändern der Eingabe in den schreibgeschützten Status in die Verwendung von jquery zum Hinzufügen des schreibgeschützten Attributs zum Eingabeelement umgewandelt.

Es gibt die folgenden zwei Implementierungsmethoden:

  • Verwenden Sie attr()

  • Verwenden Sie prop()

1. Verwenden Sie attr(), um den schreibgeschützten Status des Eingabeelements festzulegen

<!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>

So ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand

2. Verwenden Sie prop(), um den schreibgeschützten Status des Eingabeelements festzulegen

<!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>

So ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand

Erklärung:

Tatsächlich ähnelt die prop()-Methode der attr( )-Methode werden beide verwendet, um die HTML-Attribute des Elements abzurufen oder festzulegen, es gibt jedoch auch wesentliche Unterschiede zwischen den beiden.

Offizielle jQuery-Empfehlung: Für Attribute mit zwei Werten von wahr und falsch, z. B. aktiviert, ausgewählt, deaktiviert usw., wird empfohlen, die Methode prop () zum Betrieb zu verwenden, während für andere Attribute die Verwendung empfohlen wird attr()-Methode zum Betrieb.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Eingabe in JQuery in den schreibgeschützten Zustand. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn