Jump to content


Auto summing form fields


  • Please log in to reply
2 replies to this topic

#1 Guest_Baber_*

Guest_Baber_*
  • Guests

Posted 01 July 2006 - 02:03 PM

Hello again,

I need to take a sum of 5 text boxes into the 6th one. Can't find a script that do this basic calculation for me or may be due to my less knowledge of  jscript. Can any one help me plz? Here is how the form look like;

<table width=50% bgcolor="#FFFFFF" cellspacing=1 cellpadding=2>
	<tr bgcolor=""> 	      
	  <td><b>One</b></td>
	  <td><input type="text"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>Two</b></td>
	  <td><input type="text"></td>
	</tr>	 
	<tr bgcolor=""> 	      
	  <td><b>Three</b></td>
	  <td><input type="text"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>Four</b></td>
	  <td><input type="text"></td>
	</tr>	 
	<tr bgcolor=""> 	      
	  <td><b>Five</b></td>
	  <td><input type="text"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>TOTAL</b></td>
	  <td><input type="text"></td>
	</tr>	 
	
</table>

Thanks. :)

#2 Barand

Barand
  • Moderators
  • Sen . ( ile || sei )
  • 18,021 posts

Posted 02 July 2006 - 01:08 AM

<html>
<head>
<meta name="generator" content="PhpED Version 4.5 (Build 4513)">
<script language="javascript1.1">
        function summate() {
        	var tot=0
        	for (var i=1; i <= 5; i++) {
        		var id = "txt"+i;
        	    tot = tot + document.getElementById(id).value*1;
        	}
        	document.getElementById("tot").value = tot;
        }
</script>
</head>
<body>
<form>
<table width=50% bgcolor="#FFFFFF" cellspacing=1 cellpadding=2>
	<tr bgcolor=""> 	      
	  <td><b>One</b></td>
	  <td><input type="text" id="txt1" onChange="summate()"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>Two</b></td>
	  <td><input type="text" id="txt2" onChange="summate()"></td>
	</tr>	 
	<tr bgcolor=""> 	      
	  <td><b>Three</b></td>
	  <td><input type="text" id="txt3" onChange="summate()"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>Four</b></td>
	  <td><input type="text" id="txt4" onChange="summate()"></td>
	</tr>	 
	<tr bgcolor=""> 	      
	  <td><b>Five</b></td>
	  <td><input type="text" id="txt5" onChange="summate()"></td>
	</tr>
	<tr bgcolor=""> 	      
	  <td><b>TOTAL</b></td>
	  <td><input type="text" id="tot"></td>
	</tr>	 
	
</table>
</form>
</body>
</html>

If you are still using mysql_ functions, STOP! Use mysqli_ or PDO. The longer you leave it the more you will have to rewrite.

Donations gratefully received






moon.png

|baaGrid| easy data tables - and more
|baaChart| easy line, column and pie charts

#3 Guest_Baber_*

Guest_Baber_*
  • Guests

Posted 02 July 2006 - 03:40 AM

Thanks, this script works great.  :o




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users