Heim > Artikel > Web-Frontend > So legen Sie fest, dass ein Textfeld in JQuery schreibgeschützt ist
So legen Sie fest, dass ein Textfeld in JQuery schreibgeschützt ist
- WBOYOriginal
- 2022-04-08 15:46:463695Durchsuche
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“)“.
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
Dieattr()-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.
$(selector).attr(attribute)Legen Sie das Attribut und den Wert fest:
$(selector).attr(attribute,value)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(){
$('input').attr("readonly","readonly");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Mickey">
<button>将文本框设置为只读</button>
</body>
</html>Ausgabeergebnis:
Empfehlung für ein entsprechendes Video-Tutorial:
jQuery-Video-TutorialDas 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!