Wilx Wilx - 9 days ago 6
HTML Question

How to check some button value with same id javascript

well guys , i'm new in here ...
how can i check the values on different button with the same id?

sample code:

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


well .. how can i obtain 1 or 2 or 3 when it was clicked?

Answer

The id should be unique so always use class for the group of elements. For getting the value pass the this context as the argument.

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