Javascript 仅获取单击的按钮的第一个值，该按钮具有多个值的多个按钮

在这里，我试图传递按钮的值（例如，如果我们传递了三个值，那么带有三个按钮的三个单元格将显示不同的值），但当我点击任何按钮输出值时，我仍然得到第一个按钮的值

    <input type='hidden' class='approved' name='approved' value='{$event_id}'/>    
    <button type='button' value='{$event_id}' class='btn btn-info btn-xs approvedbtn' data-dismiss='modal' tabindex='6'>Approve '{$event_id}'</button>";


$(document).on('click', '.approvedbtn', function (event) {
   var buttonValue = $("input[class=approved]").val();
   console.log('a value is:',buttonValue);
});

批准“{$event_id}”；
$（文档）.on（'click'，'approvedbtn'，函数（事件）{
var buttonValue=$（“输入[class=approved]”）。val（）；
log（'值为：'，按钮值）；
});

我想得到点击按钮的值，这里是示例图像。 我在显示的值上单击哪个按钮是2。

试试这个

$(document).on('click', '.approvedbtn', function (event) {
   var buttonValue = $(this).val();
   console.log('a value is:',buttonValue);
});

下面是完整的例子

$（文档）.on（'click'，'approvedbtn'，函数（事件）{
var buttonValue=$（this.val（）；
log（'值为：'，按钮值）；
})；

我希望它能帮助你）

---

您应该查看jquery绑定函数：

$(document).on('click', function (event) {
   console.log('a value is:',$(event.target).val());
});

---

下面是一个有效的JSFIDLE:

尝试以下内容

$（文档）.on（'click'，'approvedbtn'，function（）{
$（'#clickedButton'）.text（$（this.text（））；
})

批准1
批准2
批准3
批准4

从事件中提取-按钮并找到最近的子项，该子项是在类已批准的情况下输入的。为什么标记为

PHP

？这不会返回按钮前文本框的值，为什么不返回？因为

此

将引用事件目标，即按钮，而不是此按钮前的元素你真是太棒了。完美的结果。谢谢。我希望我有足够的声誉来投票给你的ans。你能建议我如何获得所有的价值观吗。

$(document).on('click', function (event) {
   console.log('a value is:',$(event.target).val());
});