thisを使ってID名やClass名を拾得

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値を取得することができます。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です