More than 3 years have passed since last update.

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

Posted at 2020-08-23

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


// 基本形
<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()の引数が変わるので、それぞれ取得できる。