[jQuery] フォームの値とテキストを取得する方法

photo_00119

jQueryを使ってフォームの値やラベルの値を取得する方法です。

インプットボックスの値を取得

下記のようにインプット(テキスト)を1つ作成します。
スクリーンショット 2016-02-09 14.48.52

HTML

jQuery

seasonSampleA()という関数を作成します。 idがseasonAのインプットボックスの値は $(‘#seasonA’).val(); で取得できます。ボタンのonClickに関数seasonSampleA()を設定します。

↓プログラム実行結果

テキストボックスに入力された文字がコンソールに出力されました。

ラジオボタンの値・ラベル値を取得

スクリーンショット 2016-02-09 14.49.15

スクリーンショット 2016-02-09 14.49.24

↓プログラム実行結果 選択(Value表示)を押した時

0

春のvalue値は0なので0と表示されます。

↓プログラム実行結果 選択(テキスト表示)を押した時

テキストがそのまま表示されます。

チェックボックスの値・ラベル値を取得

↓プログラム実行結果 選択(Value表示)を押した時

[“1”, “3”]

チェックされている項目のValue値が配列で表示されます。

↓プログラム実行結果 選択(テキスト表示)を押した時

[“夏”, “冬”]

チェックボックスのラベルの文字が配列で表示されます。関連記事

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿