JavaScript】テキストボックスの値を取得しよう2020.01.15IT・プログラミングJavaScriptHOMEIT・プログラミング【JavaScript】テキストボックスの値を取得しようテキストボックスに入力された値を使って何らかの計算を行いたいというときがありますよね。そのようなとき、JavaScriptでgetElementByIDまたはgetElementsByNameを使って、テキストボックスの値を取得する方法を紹介します。まとめJavaScriptでテキストボックスの値を取得MochoによるPixabayからの画像JavaScriptでgetElementByIDまたはgetElementsByNameを使って、テキストボックスの値を取得することができます。getElementByIDで取得するやり方getElementByID()を使うと、テキストボックスのID名から入力された値を取得することができます。HTMLでテキストボックスと、取得した値を出力させるスペースを作ります。"result"></div>JavaScriptには次のように記述します。text;},false);}実際に文字や数字を入力してみましょう。取得も出力もうまくいったと思います。getElementsByNameで取得するやり方getElementsByName()を使うと、テキストボックスのname名を指定して値を取得することができます。次のようにHTMLで<input>にnameを指定します。"result"></div>JavaScriptには次のように記述します。getElementByIdとちょっと書き方が違うので注意してください。txt;},false);実際に文字や数字を入力してみましょう。取得も出力もうまくいったと思います。スポンサーリンクテキストボックスの値を数字として取得するには?上のやり方だとテキストボックスで取得した値は文字列扱いになります。text+2;},false);}下のフォームに半角数字を入力しても、文字列の右に2が並ぶだけになります。値を取得するときにparseFloat()を書き加えると、数値として処理されます。text+2;},false);サンプル出力2を足した結果が出力されましたね。まとめテキストボックスの値は、getElementByID(‘ID名’).valueまたはgetElementByName(‘Name名’)[0].valueで取得することができました。このまま変数に代入しても文字列扱いになるので、数字として処理したい場合はparseFloat()を書き加えます。WordPress.。