Assigning Values From Form Objects

JavaScript

[shanu]

Hi Guys,

Scenario, I Got 3 textboxes, the 3rd 1 is equal to the sum of the previous 2. Im Using ASP Javascript

Would really appreciate the help.

thanx

[Fotiman]

<input type="text" name="value1" id="value1"> + 
<input type="text" name="value2" id="value1"> = 
<input type="text" name="value3" id="value1" readonly> 
<script type="text/javascript"> 
// Attach onchange handler to value1 and value2 boxes 
var v1 = document.getElementsById("value1"); 
var v2 = document.getElementsById("value2"); 
v1.onchange = recalc; 
v2.onchange = recalc; 
function recalc() 
{ 
 var v1 = document.getElementsById("value1"); 
 var v2 = document.getElementsById("value2"); 
 var v3 = document.getElementsById("value3"); 
 // Only add if both fields have values 
 if( v1.value == "" ¦¦ v2.value == "" ) return; 
 // TODO: Add validation to verify the values are numeric 
 v3.value = 0 + v1.value + v2.value;  
} 
</script> 

Just put this together quickly. Think that'll work.

Note: Replace ¦¦ in the example above with double pipe characters (Shift + \)

[edited by: Fotiman at 2:28 pm (utc) on Aug. 16, 2006]