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

Question

各位好，我是新来的... 如何检查具有相同 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>

好吧..点击时我怎样才能获得1或2或3？

Answer 1

id 应该是唯一的，因此始终使用 class 作为元素组。要获取值，请传递 this 上下文作为参数。

<button onclick="checkValue(this);" value="1">1</button>
<button onclick="checkValue(this);" value="2">2</button>
<button onclick="checkValue(this);" value="3">3</button>
<script>
  function checkValue(ele) {
    console.log(ele.value);
  }
</script>