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?
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>
class rather then id's to target group elements. I thought I would just point that out for future reference. this will target the element use to trigger that event and obviously .value will target the value of the element use to trigger that event which in return you get the value of the button clicked. I don't see much point posting an answer so here's an example of using a class. jsfiddle.net/dLLavug0
onclick oninput onmouseover where as if you use javascript events those are click input mouseover all resulting in the same thing.class rather than id I thought it would make sense to show an example rather than recommending it but showing a different solution.
class is what he is looking for... he just want to get the valueYou should not have multiple elements with the same id. If you want to group them you can use class.
To get the value of the selected button you can send this inside the function
function checkValue(elem) {
console.log(elem.value);
}<button onclick="checkValue(this)" class="price" value="1">1</button>
<button onclick="checkValue(this)" class="price" value="2">2</button>
<button onclick="checkValue(this)" class="price" value="3">3</button>
<button onclick="checkValue(this);" class="price" id="price1" value="1">Button1
<button onclick="checkValue(this);" class="price" id="price2" value="2">Button2
<button onclick="checkValue(this);" class="price" id="price3" value="3">Button3
<script>
function checkValue(d)
{
var but = d.value;
console.log(but);
}
</script>
idshould be unique and useclassfor group of elementsame id. Useclassinstead.