jQueryで選択中のラジオボタンの値を取得する

      2016/05/23

JQueryで選択中のラジオボタンの値を取得する

jQueryを使って選択中のラジオボタンの値を取得する方法です。今回は【値を取得】ボタンを押すと選択中のラジオボタンの値を取得することができます。以下の様なフォームがあるとします。

<input type="radio" name="test_radio" value="test1" checked="checked">test1
<input type="radio" name="test_radio" value="test2">test2
<input type="radio" name="test_radio" value="test3">test3
<button type="button" name="get">値を取得</button>

 

以下のようにスクリプトを書くと、【値を取得】ボタンを押した時に選択中のラジオボタンの値がvalueに入ります。

$(function() {
	$('[name=get]').click(function() {
		value = $("input[name='test_radio']:checked").val();
		alert(value);
	});
});

 

では、参考にしてみてください。

 

megane

megane

最近、個人事業主から法人へと進化しました。 エンジニア歴13年位です。PHPとかMysqlを使ってWebシステムを構築します。 Javaも書きます。 CakePHPも使います。 サーバのチューニングもごりごりやります。 あと、お肉と自動車が好きです。Twitterとか申請どうぞ。

 - jQuery , ,