Change input value onclick button - pure javascript or jQuery
Try This(Simple javascript):-
<!DOCTYPE html>
<html>
<script>
function change(value){
document.getElementById("count").value= 500*value;
document.getElementById("totalValue").innerHTML= "Total price: $" + 500*value;
}
</script>
<body>
Product price: $500
<br>
<div id= "totalValue">Total price: $500 </div>
<br>
<input type="button" onclick="change(2)" value="2
Qty">
<input type="button" onclick="change(4)" value="4
Qty">
<br>
Total <input type="text" id="count" value="1">
</body>
</html>Hope this will help you..
Another simple solution for this case using jQuery. Keep in mind it's not a good practice to use inline javascript.
JsFiddle
I've added IDs to html on the total price and on the buttons. Here is the jQuery.
$('#two').click(function(){
$('#count').val('2');
$('#total').text('Product price: $1000');
});
$('#four').click(function(){
$('#count').val('4');
$('#total').text('Product price: $2000');
});