Textt

  • Textt
  • ブログ
  • ユーザー登録
  • ログイン

hajime 色々テキスト

  • ボタンが押されたとき

    --HTML--

     
     
     ..
     



    --JS--

    // ボタンのクリックイベントに対応するハンドラー(関数)
    $('#buttons button').click( function( aEvent ){
      // クリックされた要素を取得
      var target = aEvent.target;
      // ボタンの id 属性を取得  
      var id = target.getAttribute('id');
      
      // id を正規表現にマッチさせる
      var matched = id.match( /btn([1-9])/ );
      
      // マッチしたら
      if( matched & matched.length ){  
        var id = matched[1]; // マッチした数字部分だけを取得 ( [0]に全体、[1] に () で囲まれた部分が入る )
        switch( id ){
          case '1':
            // 1のときの処理
            break;
          case '2': 
            // 2のときの処理
            break;
          // ...
        }
      }
    } );
    2010/08/24 hajime
© Textt / GreenSpace