Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery

Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery

青灯夜游
Lepaskan: 2022-06-15 09:09:11
asal
29937 orang telah melayarinya

Dua cara untuk mendapatkannya: 1. Gunakan val() untuk mendapatkan nilai input, sintaksnya ialah "$("input").val()"; atribut, dan elemen input memaparkan Nilai dikawal melalui atribut nilai, jadi nilai atribut nilai ialah nilai input. 2. Gunakan attr() untuk mengembalikan nilai atribut nilai untuk mendapatkan nilai input, sintaksnya ialah "$("input").attr("value"".

Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery

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

Dalam HTML, nilai yang dipaparkan dalam kotak input input dikawal oleh atribut nilai, iaitu mendapat nilai input bermakna mendapat nilai atribut nilai dalam elemen input.

Oleh itu, anda boleh menggunakan dua kaedah berikut untuk mendapatkan nilai input dalam jquery:

  • Gunakan val()

  • Gunakan attr()

Kaedah 1: Gunakan val() untuk mendapatkan nilai input

kaedah val() boleh mengembalikan atribut nilai daripada nilai elemen yang dipilih. Sintaks:

$("input").val()
Salin selepas log masuk

Contoh:



	
		
		
		<script>
			$(function () {
		            $("button").click(function () {
		               var value=$(&quot;input&quot;).val();
					   console.log(value);
		            })
		        })
		    </script>
	


Salin selepas log masuk

Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery

Kaedah 2: Gunakan attr() untuk mendapatkan nilai input

attr() boleh mendapatkan nilai atribut yang ditentukan dalam elemen; anda hanya perlu menetapkan parameter kepada "nilai" untuk mendapatkan nilai atribut nilai.

$("input").attr("value")
Salin selepas log masuk

Kod pelaksanaan teras:

<script>
	$(function () {
		$("button").click(function () {
		   var value=$(&quot;input&quot;).attr(&quot;value&quot;);
		   console.log(value);
		})
	})
</script>
Salin selepas log masuk

Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, depan web -tamat Video

Atas ialah kandungan terperinci Terdapat beberapa cara untuk mendapatkan nilai input dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan