Question

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

的JavaScript

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

按下的按钮的值应显示在alert中，但此处显示第1个按钮的值。

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>

Answer 2

使用此上下文告知哪个是点击按钮

$('.myButtonn').click(function() {

  alert($(this).val())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <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>
</table>

Answer 3

更改您的代码：

<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>


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

Answer 4

不是使用类获取值，而是使用event.target.value在函数和访问值中传递事件。

＆＃13;

function GetHadess(e) {
        console.log(e.target.value);
        alert(e.target.value);    
}

＆＃13;

<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(event)"></td></tr>
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess(event)"></td></tr>
</tbody>

＆＃13;

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

4 个答案: