Heim  >  Artikel  >  Web-Frontend  >  So ermitteln Sie, ob ein Element in jquery schreibgeschützt ist

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

青灯夜游
青灯夜游Original
2022-09-13 18:22:402322Durchsuche

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 a2f70a620c3e5290285a222bbc8482b2 zusammen verwendet.

jquery bestimmt, ob das Element schreibgeschützt ist.

    In jquery können Sie feststellen, ob das Element schreibgeschützt ist Wert des schreibgeschützten Attributs
  • Wenn der Wert des schreibgeschützten Attributs „schreibgeschützt“ ist, ist das Element schreibgeschützt; Der Wert des schreibgeschützten Attributs im angegebenen Element. Die Methode attr() kann den Wert des ausgewählten Elements zurückgeben. Geben Sie den Attributwert an.
  • $("选择器).attr("readonly")
    . Schritt 2: Bestimmen Sie, ob der Wert des schreibgeschützten Attributs „schreibgeschützt“ ist

  • Der Attributwert ist „readonly“, das Element ist schreibgeschützt
  • Der Attributwert ist nicht „readonly“, das Element ist nicht schreibgeschützt
  • if(属性值=="readonly"){
    	console.log("元素只读");
    }else{
    	console.log("元素不只读");
    }
  • Beispielcode:

<!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>
[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!

Stellungnahme:
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