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

JQueryで選択中のラジオボタンの値を取得する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);
	});
});

 

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