从按钮获取值时，Javascript 代码不起作用

Question

当我按下按钮时，我会得到第一个按钮的值。我想要按下的按钮的值。

JavaScript

function GetHadess() {
        var title = $(".myButtonn").val();
        alert(title);    
}

按下的按钮的值应该显示在警报中，但这里显示第一个按钮的值。

HTML 代码

<tbody id="tbl">
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess()"></td></tr>
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess()"></td></tr>
</tbody>

Answer 1

您必须将this上下文传递给函数，以便它知道单击了哪个按钮，如下所示:-

function GetHadess(element) {
  var title = $(element).val();
  alert(title);    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tbody id="tbl">
  <tr>
    <td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess(this)">
    </td>
  </tr>
  <tr>
    <td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess(this)">
    </td>
  </tr>
</tbody>