So ermitteln Sie, ob ein Element in jquery schreibgeschützt ist-Front-End-Fragen und Antworten-php.cn

So ermitteln Sie, ob ein Element in jquery schreibgeschützt ist

青灯夜游

Freigeben： 2022-09-13 18:22:40

Original

2543 Leute haben es durchsucht

Beurteilungsschritte: 1. Verwenden Sie attr(), um den Wert des schreibgeschützten Attributs im angegebenen Element abzurufen. Die Syntax lautet „$(“selector).attr(„readonly“)“; 2. Bestimmen Sie, ob der Wert des readonly-Attribut ist „readonly“, Syntax „attribute value == „readonly““, wenn der Attributwert „readonly“ ist, ist das Element schreibgeschützt, andernfalls ist das Element nicht schreibgeschützt

So ermitteln Sie, ob ein Element in jquery schreibgeschützt ist

Der Betrieb Umgebung dieses Tutorials: Windows 7-System, jquery3.6.1-Version, Dell G3-Computer Das Eingabefeld ist schreibgeschützt. Der Benutzer kann jedoch weiterhin mit der Tabulatortaste zum Feld wechseln und seinen Text auswählen oder kopieren (z. B. durch Auswählen eines Kontrollkästchens). Anschließend müssen Sie JavaScript verwenden, um den schreibgeschützten Wert zu entfernen und das Eingabefeld in einen bearbeitbaren Zustand zu versetzen. oder zusammen verwendet.

jquery bestimmt, ob das Element schreibgeschützt ist.

```
$("选择器).attr("readonly")
```
Nach dem Login kopieren
. Schritt 2: Bestimmen Sie, ob der Wert des schreibgeschützten Attributs „schreibgeschützt“ ist

if(属性值=="readonly"){
	console.log("元素只读");
}else{
	console.log("元素不只读");
}

Nach dem Login kopieren

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var a = $("input").attr("readonly");
					if (a == "readonly") {
						console.log("input元素只读");
					} else {
						console.log("input元素不只读");
					}
					var b = $("textarea").attr("readonly");
					if (b == "readonly") {
						console.log("textarea元素只读");
					} else {
						console.log("textarea元素不只读");
					}
				});
			});
		</script>
	</head>
	<body>
		<input type="text" value="hello" readonly="readonly" /><br /><br />
		<textarea></textarea><br /><br />
		<button>元素是否只读</button>
	</body>
</html>

Nach dem Login kopieren

[Empfohlenes Lernen: jQuery-Video-Tutorial

Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Element in jquery schreibgeschützt ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!