So fügen Sie der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu-js-Tutorial-php.cn

So fügen Sie der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu

青灯夜游

Freigeben： 2021-11-16 16:00:18

Original

5288 Leute haben es durchsucht

So fügen Sie schreibgeschützte Attribute zur Eingabe in jquery hinzu: 1. Verwenden Sie die Anweisung „$(“input“), um das Eingabeobjekt abzurufen. 2. Verwenden Sie attr(), um schreibgeschützte Attribute zum erhaltenen Eingabeobjekt hinzuzufügen , mit der Syntax „input object. attr(“readonly“,“readonly“);“.

So fügen Sie der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Das schreibgeschützte Attribut der Eingabe – readonly

Das schreibgeschützte Attribut gibt an, dass das Eingabefeld schreibgeschützt ist.

Schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zu dem Feld wechseln und seinen Text auswählen oder kopieren. Das

readonly-Attribut verhindert, dass der Benutzer den Wert ändert, bis bestimmte Bedingungen erfüllt sind (z. B. wenn ein Kontrollkästchen aktiviert ist). Anschließend müssen Sie JavaScript verwenden, um den schreibgeschützten Wert zu entfernen und das Eingabefeld in einen bearbeitbaren Zustand zu versetzen.

Wie füge ich der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu?

In jquery können Sie die Methode attr() verwenden, um dem Eingabeelement das readonly-Attribut hinzuzufügen. Die Methode

attr() legt den Attributwert des ausgewählten Elements fest oder gibt ihn zurück.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.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>

Nach dem Login kopieren

So fügen Sie der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu

Verwandte Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie der Eingabe in JQuery ein schreibgeschütztes Attribut hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!