ラブ! Web開発

1. jQueryでのラジオボタンの取得

jQueryをいじったことがない人にはさっぱりでしょうが、
通常、jQueryはこんな風にオブジェクトをとります。

$('セレクタ名')

セレクタ名というのは要するに、IDとかクラスのことです。
具体的には

$('#mainArea');
$('.wrapper');

となるわけですね。

ところが、ラジオボタンに関してはちょっと違ったか書き方があります。

$('input[type="radio"]');
$('input[name="名前"]');

というとり方ができます。前者が全てのラジオボタンを取得、後者は名前で絞込みです。
（ちなみにjQuery1.3以降での書き方です。）

2. jQueryでのイベントのとり方

よって、「changerという名前のラジオボタンの選択が変わったとき」は次のようにかけます。

$('input[name="changer"]:radio').change(function(){
	// 処理内容
});

3. ラジオボタンの値のとり方

ところで、前段の:radioというのは「全てのラジオボタン」を指します。
選ばれているラジオボタンを取得したいときは、:checkedを使用します。

そして、特定のオブジェクトの値をとりたいときはval()という関数が使えます。

まとめると……
「changerというラジオグループの現在選ばれている値」は以下のように記述します。

$('input[name="changer"]:checked').val();

どうでしょうか？飛ばしすぎましたか？
実は、本当の地獄はこれからです……。
次はこの値を使って、処理を変える構文を書きたいと思います。
if文なら簡単なんだけど、覚えたいことがあって……