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

青灯夜游
青灯夜游asal
2022-06-13 18:02:4829940semak imbas

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()

Contoh:



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

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")

Kod pelaksanaan teras:

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

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!

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