MW211 EXIT

devlog
jQuery/ボタンが押されたイベント
2011年11月03日
ボタンを押した場合に、そのボタン名をダイアログに表示する方法。
┌──────────────────────────────────────┐
│$("input").click(function() {                                               │
│  alert($(this).attr("value"));                                             │
│});                                                                         │
└──────────────────────────────────────┘

一歩踏み込んで、submitボタンに限定する場合。
┌──────────────────────────────────────┐
│$(":submit").click(function() {                                             │
│  alert($(this).attr("value"));                                             │
│});                                                                         │
└──────────────────────────────────────┘

さらに踏み込んで、「実行」という名のsubmitボタンに限定する場合。
┌──────────────────────────────────────┐
│$(":submit[value='実行']").click(function() {                               │
│  alert($(this).attr("value"));                                             │
│});                                                                         │
└──────────────────────────────────────┘

なので以下のような実行確認JavaScript文を、以下のように書き換えることができる。
┌──────────────────────────────────────┐
│var inputs = document.getElementsByTagName("input");                        │
│for (var i = 0; i < inputs.length; i++) {                                   │
│  if (inputs.item(i).type == "submit") {                                    │
│    if (inputs.item(i).value == "実行") {                                   │
│      inputs.item(i).onclick = (function() {                                │
│        if (!confirm("実行していいですか?")) {                             │
│          return false;                                                     │
│        }                                                                   │
│      });                                                                   │
│    }                                                                       │
│  }                                                                         │
│}                                                                           │
├──────────────────────────────────────┤
│$(":submit[value='実行']").click(function() {                               │
│  if (!confirm("実行していいですか?")) {                                   │
│    return false;                                                           │
│  }                                                                         │
│});                                                                         │
└──────────────────────────────────────┘
分類:jQuery