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

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

HTML部

jQuery部

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

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

関連記事

コメントを残す

メールアドレスが公開されることはありません。

Trackback URL

管理者の承認後に表示します。