I have two buttons and if I click on some button I need to change value in input text and change total price (product price * value of button - 2 or 4 Qty).
I know that it's simple but I'm not good in javascript or jQuery. Answer in jsfiddle would be best.
My jsfiddle is here http://jsfiddle.net/J7m7m/1/
My simple code:
Product price: $500
<br>
Total price: $500
<br>
<input type="button" onclick="change()" value="2
Qty">
<input type="button" value="4
Qty">
<br>
Total <input type="text" id="count" value="1">
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');
});
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..
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With