0

Hi,
I am working on a php form where, I have 5 rate , 5 quantity & 5 amount fields. The user will make entry on amount & quantity fields, and onchange the amount fields will be calculated, I also have a TOTAL field which will also be calculated from the amount fields.

rate * quantity = amount
amount + amount = total

I am unable to create the JS and use them.

3
Contributors
3
Replies
4
Views
6 Years
Discussion Span
Last Post by anirban1087
0

Could you show me your HTML? It depends on how you construct your HTML. Also, do you use JQuery library or just raw JavaScript?

0

rough code to give you idea of what you could do:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

function updateValues() {

rate1 = document.getElementById("rate1").value;
rate2 = document.getElementById("rate2").value;
rate3 = document.getElementById("rate3").value;

quantity1 = document.getElementById("quantity1").value;
quantity2 = document.getElementById("quantity2").value;
quantity3 = document.getElementById("quantity3").value;

document.getElementById("amount1").innerHTML = rate1 * quantity1;
document.getElementById("amount2").innerHTML = rate2 * quantity2;
document.getElementById("amount3").innerHTML = rate3 * quantity3;

document.getElementById("total").innerHTML = (rate1*quantity1) + (rate2*quantity2) + (rate3*quantity3)
}
</script>
</head>
<body>
<input type="text" id="rate1" /> * <input type="text" id="quantity1" onChange="updateValues();" /> = <span id="amount1" style="border: 2px solid black;padding:2px;"></span><br /><br />

<input type="text" id="rate2" /> * <input type="text" id="quantity2" onChange="updateValues();" /> = <span id="amount2" style="border: 2px solid black;padding:2px;"></span><br /><br />

<input type="text" id="rate3" /> * <input type="text" id="quantity3" onChange="updateValues();" /> = <span id="amount3" style="border: 2px solid black;padding:2px;"></span><br /><br />

Total: <span id="total" style="border: 2px solid black;padding:2px;"></span>


</body>
</html>
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.