thisを使用すれば
ラジオボタンにはそれぞれID名が降られており、押したラジオボタンのID名を判別して、
表示させる内容を変更するといったことが可能です。
例えば、複数あるボタンを押したとき、個別に対応したメニューをそれぞ入れ表示させたり、
フォームを条件分岐でユーザーに登録させる内容を変更したいなどです。
下記の例では、3つのラジオボタンに対して表示させるメニュー内容を変更するサンプルです。
一般 法人 それ以外
$('input').click(function() {
var val = $(this).attr('id');
// ID名に対し、表示する内容を設定する。
if(val == "contact_01"){
$('menu_01').show();
$('menu_02').hide();
$('menu_03').hide();
}else if(val == "contact_02"){
$('menu_01').hide();
$('menu_02').show();
$('menu_03').hide();
}else if(val == "contact_03"){
$('menu_01).hide();
$('menu_02').hide();
$('menu_03').show();
}
});
上記では、
ユーザが選択したラジオボタンのidを var val = $(this).attr(‘id’); で拾得しています。
このように、attrメソッドの引数にidを指定することでthisのid値を取得することができます。









