忍者ブログ
自分なりの目線で情報を発信します。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

テーブルの各行にボタンを配置し、どのボタンがクリックされたのかを
JavaScript側で判断したく、クリック要素の属性を取得する方法を探して対応したので書いておきます。
 
jQueryやJavaScript、あんまり慣れてないもんで、
これぐらいのこともサクッとできませんでした^^;
 
 
こんな感じのテーブルがあります。
  1. <table>
  2.   <tr>
  3.     <td>ユーザー1</td>
  4.     <td><input type="button" class="btn_show" id="btn_show_1" value="表示"></td>
  5.   </tr>
  6.   <tr>
  7.     <td>ユーザー2</td>
  8.     <td><input type="button" class="btn_show" id="btn_show_2" value="表示"></td>
  9.   </tr>
  10. </table>
 
以下のようにすれば、どのボタンが押されたのかわかります。
各行のボタンをclass属性でグループ化して、clickハンドラに紐付け、
$(this)を使ってボタンの属性を取得しちゃいます。
  1. $(".btn_show").click(function(event) {
  2.     var btnid  = $(this).attr("id");
  3.     var userid = btnid.replace('btn_show_', '');
  4.     alert("ユーザーID: " + userid);
  5. }
 
 
まあ、onClick属性に直接idを書けば対応できますが、
そういう書き方は少しずつ止めていきたいということでw
 
PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
お知らせ
プロフィール
HN:
shusatoo
性別:
男性
自己紹介:
基本PHP。JavaScriptちょっとだけ。Javaをほんの少し。
おすすめ本
最新コメント
[10/09 shusatoo]
[10/09 misney]
最新トラックバック
カレンダー
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
ブログ内検索
カウンター
アク解アナライズ
バーコード
ビジター

Copyright © [ 開発メモるアル ] All rights reserved.
Special Template : 忍者ブログ de テンプレート
Special Thanks : 忍者ブログ
Commercial message : [PR]