ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで入力値を取得するにはいくつかの方法があります

jqueryで入力値を取得するにはいくつかの方法があります

青灯夜游
青灯夜游オリジナル
2022-06-13 18:02:4829892ブラウズ

2 つの取得方法: 1. val() を使用して入力値、構文 "$("input").val()" を取得します。val() は value 属性の値を返すことができ、 input 要素が表示されます。値は value 属性によって制御されるため、value 属性の値が入力値になります。 2. attr() を使用して value 属性値を返し、入力値を取得します。構文は "$("input").attr("value")" です。

jqueryで入力値を取得するにはいくつかの方法があります

このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

HTML では、入力入力ボックスに表示される値は value 属性によって制御されます。つまり、入力値を取得することは、input 要素の value 属性の値を取得することを意味します。

したがって、次の 2 つのメソッドを使用して jquery で入力値を取得できます。

  • Use val()

  • attr() を使用します

方法 1: val() を使用して入力値を取得します

val() メソッドは値を返すことができます選択した要素の値の属性。構文:

$("input").val()

例:



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

jqueryで入力値を取得するにはいくつかの方法があります

方法 2: attr() を使用して入力値を取得します

attr() は、要素内の指定された属性の値を取得できます。value 属性の値を取得するには、パラメーターを「value」に設定するだけです。

$("input").attr("value")

コア実装コード:

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

jqueryで入力値を取得するにはいくつかの方法があります

[推奨学習: jQuery ビデオ チュートリアルWeb フロントエンド ビデオ ]

以上がjqueryで入力値を取得するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。