Need help with total update using radio button & textbox

Discussion in 'JavaScript' started by vistaf, Feb 13, 2007.

  1. #1
    I'm trying to make a form where it would automatically update the total based on the ticket they have chosen (radio button) & additional donation they want to give (textbox). The textbox I have no problem with but the radio button doesn't add. Can anyone please help? Thank you.


    <html>
    <head>
    <SCRIPT language="javascript" type="text/javascript"> 
    function updateTotal() 
    	{
    		
    var ticket = 0;
    for (i = 0; i < 7; i++){
    if (document.forms["secureform"].test[i].checked == true){
    ticket = '' + (document.forms["secureform"].test[i].value * 1));}
    
    document.forms["secureform"].totalAmount.value = ''  ((document.forms["secureform"].contribution.value * 1) + (ticket * 1)) ;
    	} 
    function updateFamilyTotal() { 
    document.forms["secureform"].contribution.value = 0
    updateTotal();
    	} 
    	
    	
    //ends function	
    </SCRIPT>
    
    
    </head>
    
    <body>
    <form method="POST" action="#cgi.script_name#" name="secureform">
    
    <table>
    	   <tr>       
    <td colspan =2> <input type="radio" name="ticket" value="10000" onClick="updateTotal()">Running the Race Table (10 Tickets) -$10,000<br>
    
    <input type="radio" name="ticket" value="7500" onClick="updateTotal()">
    American Hero Table (10 Tickets) -$7,500 <br>
    
    <input type="radio" name="ticket" value="5000" onClick="updateTotal()">
    Freedom Fighter (10 tickets) - $5,000<br>
    
    <input type="radio" name="ticket" value="3500" onClick="updateTotal()">
    Founding Father Table (10 tickets) -$3,500<br>
    
    <input type="radio" name="ticket" value="2500" onClick="updateTotal()">
    Patriot's Pride Table (10 tickets) -$2,500<br>
    
    <input type="radio" name="ticket" value="800" onClick="updateTotal()">
    Flag Bearer Table (2 tickets) -$800<br>
    		 
    <input type="radio" name="ticket" value="250" onClick="updateTotal()">
    Stars and Stripes: Individual tickets, $250 per person <br>
            <br> </td> </tr>
    			 <tr> <br>
     <td align="CENTER" width="500">Additional Contribution<span class="colB font-size: 10pt;"><br>
    
    <input type="Text" name="contribution" value="#contribution#" size="5" onChange="updateTotal();"><br>
    
    <p>Total Contribution (contribution plus ticket prices): $ </p>
     <input type="text" name="totalAmount" readonly="true" style="width:50px;">
                  </span></td> </tr>
    	<input type="submit" value="Submit"></td>
    	</table>
    	 
    </form>
    </body>
    
    Code (markup):

     
    vistaf, Feb 13, 2007 IP