システム開発ブログ

【JavaScript】valueの値を取得する

青木

青木 (2010年9月30日 15:15)
産業システム部

みなさん、こんにちは。
産業システム部の青木です。

みなさん、選択されているラジオボタンのvalue値を取得するのが面倒だと思いませんか？
選択されているラジオボタンのvalue値を取得する場合、テキストボックスの値を取得するときのように単純ではありません。

ラジオボタンが選択されているかを１つずつ判定し、選択されている場合にそのラジオボタンのvalue値を取得することになります。

このようにすると、選択されているラジオボタンのvalue値は取得できますが、コントロールがラジオボタンなのかテキストボックスなのかを意識せずに値が取得出来ればもっと楽なのにと思うでしょう。

そんな方にぴったりなサンプルが以下になります。

function getValue(id) {
	var element = document.getElementById(id);
	if (element.type == "radio") {
		var elements = document.getElementsByName(id);
		for (i = 0; i < elements.length; i++) {
			if (elements[i].checked) {
				return elements[i].value;
			}
		}
	} else if (element.type == "text" || element.type == "select-one") {
		return element.value;
	}
}
サンプルページ

ラジオボタンなのかテキストボックスなのかを判断するのに、type属性を使用することがポイントです。
getValue('コントロールのID')で値が取得出来ます。

システムのトラブル解決を承ります。すぐにシステムリフォームを体験できますシステム診断・システムリフォームのお申し込みはこちらから。

システム開発ブログ

Twitterでilovex_officialをフォローしてください

最近の記事

カテゴリー

部署

月別アーカイブ

以前の部署別ブログ

検索

ページのトップ