【onClick属性】個性のあるボタンをクリックして、イベント発生させる【JavaScript】

要素をクリックしたら、関数を発生させる

// 基本形
<input onClick="関数()">

いくつかあるボタンの中でも、ナンバー1の確認ボタンを押した時の挙動を設定する

<input type="button" onClick="kakunin(1)">
<input type="button" onClick="kakunin(2)">
<input type="button" onClick="kakunin(3)">

function kakunin(number){
  if(number == 1){
    location.html = "/users"
  }
}

ナンバー1の確認ボタンをクリックした時だけ、/usersに飛ぶように設定できる

DOM操作によって生まれた要素に、個性を与える

生み出されたボタンごとに、イベント内容を変えたいときに使える。

jQuery

attr('onClick', 'openDialog(kakunin.id)')

openDialog()の引数が変わるので、それぞれ取得できる。