So machen Sie Elemente in JQuery bearbeitbar-Front-End-Fragen und Antworten-php.cn

So machen Sie Elemente in JQuery bearbeitbar

青灯夜游

Freigeben： 2022-05-23 14:42:10

Original

2023 Leute haben es durchsucht

Zwei Methoden: 1. Verwenden Sie prop(), um den Wert des Attributs „disabled“ auf „false“ zu setzen. Die Syntax lautet „element object.prop(“disabled“,false)“. 2. Verwenden Sie RemoveAttr(), um Attribute zu löschen. Die Syntax lautet „element object.removeAttr(„disabled“)“.

So machen Sie Elemente in JQuery bearbeitbar

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Wenn in HTML ein Element (Textbereich, Eingabe usw.) auf das Attribut „disabled“ gesetzt ist, befindet es sich in einem nicht bearbeitbaren Zustand.

Wie kann man nicht bearbeitbare Elemente wieder in den bearbeitbaren Zustand versetzen? Hier ist die JQuery-Methode.

1. Mit prop()

setzen Sie einfach den Attributwert „disabled“ auf „false“.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			$("button").click(function(){
				$("input").prop("disabled",false);
			});
		});
		</script>
	</head>
	<body>

		<input type="text" disabled="disabled" />
		<br><br>
		<button>实现可编辑</button>

	</body>
</html>

Nach dem Login kopieren

So machen Sie Elemente in JQuery bearbeitbar

2. Verwenden Sie „removeAttr()“

Verwenden Sie einfach „removeAttr()“, um das deaktivierte Attribut zu löschen.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			$("button").click(function(){
				$("input").removeAttr("disabled");
			});
		});
		</script>
	</head>
	<body>

		<input type="text" disabled="disabled" />
		<br><br>
		<button>实现可编辑</button>

	</body>
</html>

Nach dem Login kopieren

So machen Sie Elemente in JQuery bearbeitbar

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo machen Sie Elemente in JQuery bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!