如何检查具有相同id javascript的某些按钮值

伙计们，我是新来的。。。 如何检查具有相同id的不同按钮上的值

示例代码：

<button onclick="checkValue();" id="price" value="1">
<button onclick="checkValue();" id="price" value="2">
<button onclick="checkValue();" id="price" value="3">
<script>
function checkValue()
    {
        var but = document.getElementById("price").value;
        console.log(but);
    }
</script>

函数checkValue（）
{
var but=document.getElementById（“价格”）.value；
console.log（但是）；
}

---

嗯。。单击时如何获得1、2或3？

id应该是唯一的，因此始终对元素组使用

class

。要获取该值，请将

此

上下文作为参数传递

1
2.
3.
函数校验值（ele）{
控制台日志（元素值）；
}

id应该是唯一的，因此始终对元素组使用

类。要获取该值，请将
此
上下文作为参数传递


1
2.
3.
函数校验值（ele）{
控制台日志（元素值）；
}
您不应该有多个元素具有相同的
id
。如果要对它们进行分组，可以使用
class

要获取所选按钮的值，您可以在函数内部发送
此


函数校验值（elem）{
控制台日志（元素值）；
}
1
2.
3
您不应该有多个元素具有相同的
id
。如果要对它们进行分组，可以使用
class

要获取所选按钮的值，您可以在函数内部发送
此


函数校验值（elem）{
控制台日志（元素值）；
}
1
2.
3
按钮1
按钮2
按钮3
函数校验值（d）
{
var，但=d.值；
console.log（但是）；
}

按钮1
按钮2
按钮3
函数校验值（d）
{
var，但=d.值；
console.log（但是）；
}
id
应该是唯一的，并对元素组使用
class
，您不能拥有相同的id

。改为使用

class

。@PranavCBalan-hmm，你的意思是我应该将class属性传递给我的函数，然后得到值？@Wilx：检查我的答案

id

应该是唯一的，对不能有

相同id

的元素组使用

class

。改为使用

class

。@PranavCBalan嗯，你的意思是我应该将class属性传递给函数，然后得到值？@Wilx:检查我的answer@Wilx虽然这个答案向您展示了如何获取每个按钮的值，这个答案并没有告诉您如何使用

类

，而不是

id

来定位组元素。我想我会指出这一点以供将来参考<代码>此将以用于触发该事件的元素为目标，显然，

。值

将以用于触发该事件的元素的值为目标，您将得到单击按钮的

值。我不认为发布答案有什么意义，所以这里有一个使用类的示例@NewToJs：我想问一下点击事件有什么不同？我真的不明白，你能给我解释一下吗：D@Wilx当您使用属性时，它的
onclick
oninput
onmouseover
就像您使用javascript事件一样，这些事件都是
单击
输入
鼠标盖
得到的结果都是一样的。@PranavCBalan我同意，这么简单的事情不需要上课，但因为这个问题的每个答案都建议使用
class
而不是
id
，所以我认为展示一个例子，而不是推荐它，而是展示一个不同的解决方案是有意义的。@NewToJS:我不认为
class
就是他寻找。。。他只想获得
值
@Wilx虽然这个答案确实告诉了你如何获得每个按钮的值，但这个答案并没有告诉你如何使用
类
，而不是
id的
来目标组元素。我想我会指出这一点以供将来参考<代码>此
将以用于触发该事件的元素为目标，显然，
。值
将以用于触发该事件的元素的值为目标，您将得到单击按钮的
值。我不认为发布答案有什么意义，所以这里有一个使用类的示例@NewToJs：我想问一下点击事件有什么不同？我真的不明白，你能给我解释一下吗：D@Wilx当您使用属性时，它的
onclick
oninput
onmouseover
就像您使用javascript事件一样，这些事件都是
单击
输入
鼠标盖
得到的结果都是一样的。@PranavCBalan我同意，这么简单的事情不需要上课，但因为这个问题的每个答案都建议使用
class
而不是
id
，所以我认为展示一个例子，而不是推荐它，而是展示一个不同的解决方案是有意义的。@NewToJS:我不认为
class
就是他寻找。。。他只想得到
值