So legen Sie fest, dass ein Textfeld in JQuery schreibgeschützt ist

WBOY
Freigeben: 2022-04-08 15:46:46
Original
3880 Leute haben es durchsucht

Methode: 1. Verwenden Sie die Anweisung „$(input element)“, um das Textfeldelementobjekt abzurufen. 2. Verwenden Sie die Methode attr(), um das Textfeld auf schreibgeschützt zu setzen, und setzen Sie den schreibgeschützten Attributwert auf schreibgeschützt. Die Syntax lautet „Textfeldelement“ Object.attr(„readonly“, „readonly“)“.

So legen Sie fest, dass ein Textfeld in JQuery schreibgeschützt ist

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So legen Sie fest, dass das Textfeld in jQuery schreibgeschützt ist

1. Verwenden Sie die Anweisung „$(Eingabeelement)“, um das Textfeldelementobjekt zu erhalten.

$ ist der Alias ​​von jQuery Funktion, die von der jQuery-Bibliothek bereitgestellt wird. (Es scheint, dass es sich nicht nur um eine Funktion handelt, da es auch Verwendungszwecke wie $.ajax(options) gibt, was jQuery.ajax(options) entspricht.)

Die Funktion dieser Funktion besteht darin, zu finden und wählen Sie Elemente im HTML-Dokument basierend auf den Parametern in () aus. Eine der Funktionen besteht darin, GetElementByID zu ersetzen, aber () kann nicht nur eine ID sein, sondern auch verschiedene Selektoren:

$(document) soll auswählen 2. attr-Methode

Die

attr()-Methode legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben. Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.

Syntax

Gibt den Wert des Attributs zurück:

$(selector).attr(attribute)
Nach dem Login kopieren

Legen Sie das Attribut und den Wert fest:

$(selector).attr(attribute,value)
Nach dem Login kopieren

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 navigieren und seinen Text auswählen oder kopieren.

Das Beispiel lautet wie folgt:

<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>
Nach dem Login kopieren

Ausgabeergebnis:

Empfehlung für ein entsprechendes Video-Tutorial:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass ein Textfeld in JQuery schreibgeschützt ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage