複数グループのRadioの値の変化(イベント)をjQueryで取得し、効率的に処理する方法

ユーザー一覧のようにズラーッと並んでいて、各部にラジオボタンのグループがある場合のうまい処理の方法を考えてみました。

HTML部

[html title=”HTML”]

ユーザー1:


ユーザー2:



[/html]

jQuery部

[javascript title=”jQuery”]
$(‘input:radio’).change(function(){
alert($(this).val());
//$(this).val()で取得したデータを$.getなどで放り投げてやればいい
});
[/javascript]

jQueryの記述はたったこれだけで大丈夫です。
ラジオボタンがクリックされると、アラートウィンドウに「1/b」「2/a」などの値が表示されます。

データをこのままスクリプトに投げてやり、スクリプト側で「/」でSplitすればIDと値が取得できることになります。
単純な値の時にしか使えない方法ですが、割とシンプルで便利だと思います。

スポンサーリンク