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:554346Durchsuche
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.
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>
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>
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!