Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery

青灯夜游

Lepaskan： 2022-03-16 19:14:54

asal

5073 orang telah melayarinya

Kaedah untuk melarang input kotak teks: 1. Gunakan pernyataan "$("textarea").attr("disabled");" untuk melarang; ). attr("readonly","readonly");" pernyataan adalah dilarang.

Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Jika anda ingin melumpuhkan input dalam kotak teks, anda boleh menetapkan atribut dilumpuhkan atau baca sahaja ke kotak teks untuk menjadikan kotak teks tidak boleh diedit atau baca sahaja.

Kaedah Jquery untuk melumpuhkan input dalam kotak teks

Kaedah 1: Gunakan kaedah attr() untuk menetapkan atribut yang dilumpuhkan

Sintaks:

$("textarea").attr("disabled","disabled");
$("textarea").attr("disabled","true");

Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("textarea").attr("disabled", "disabled");
					// $("textarea").attr("disabled","true");
				});
			});
		</script>
	</head>

	<body>
		<textarea></textarea><br><br>
		<button>让textarea不可编辑</button>
	</body>

</html>

Salin selepas log masuk

Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery

Kaedah 2: Gunakan kaedah attr() Tetapkan atribut baca sahaja

Sintaks:

$("textarea").attr("readonly","readonly");
$("textarea").attr("readonly","true");

Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					// $("textarea").attr("readonly","readonly");
					$("textarea").attr("readonly","true");
				});
			});
		</script>
	</head>

	<body>
		<textarea></textarea><br><br>
		<button>让textarea禁止输入</button>
	</body>

</html>

Salin selepas log masuk

Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery

[ Pembelajaran yang disyorkan: tutorial video jQuery, video pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan input dalam kotak teks dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!