showCost() Not Working

**keelerz** · 05-03-2011, 10:43 PM

Hey guys! My friend has written this javascript code of displaying the costs but it does not seem to work when a button is clicked!

Code:

<script type = "text/javascript">
    function showCost()
	{
    var cost = 0;
    var membership = document.getElementById("member").value;
				
				if (membership == "full")
				{cost = 199.50;}
				
				else if (membership == "student")
				{cost = 82.25;}
				
				else if (membership == "no")
				{cost = 235;}
			
	
	var startdate = document.forms["registerform"]["reg_start_date"].value;
    var enddate = document.forms["registerform"]["reg_end_date"].value;				   
	 

	  if(startdate == "2011-09-05" && enddate == "2011-09-06")
	  {cost = cost * 2;}
	  
	  else if(startdate == "2011-09-06" && enddate == "2011-09-07")
	  {cost = cost * 2;}	
	 
	 
	  else if(startdate == "2011-09-05" && enddate == "2011-09-07")
	  {cost = cost * 3; }
	  
	  
	  		
	var dinner = document.getElementById("conf_dinner").value;
    if (dinner == "Y")
	{cost += 54.40;}
				
				
				
	var payment = document.getElementById("pay_method").value;
				if (payment == "credit")
				{cost = cost * 1.0161;}
				
				
	document.getElementById("pay_total").value = cost.toFixed(2);
				
}
	  
	 
    </script>

Code:

<form name ="registerform" id="registerform" action="confirmationpage.php" method="post" onsubmit="return validateForm(this);">

<p>
Title <select id = "title" name="title">
    <option value="0" selected="selected">Please select</option>
    <option value="Prof">Prof</option>

    <option value="Dr">Dr</option>
    <option value="Mr">Mr</option>
    <option value="Ms">Ms</option>
</select></p>

<p> First name <input type="text" name="first_name" size="20" maxlength="50"> </p>

<p> Last name <input type="text" name="last_name" size="20" maxlength="50"></p>

<p> Billing address details <input type="text" name="address" size="20"  maxlength="255"> </p>

<p> Postcode <input type="text" name="postcode" size="20" maxlength="8" onchange="validatePostcode();"> </p>

<p> Email Address<input type="text" name="email" size="20" maxlength="75"></p>

<p> Membership status <input type="radio" name="member" value="no" id="no"/> <label for="no">No</label>

<input type="radio" name="member" value="student" id="student" /> <label for="student">Student</label>

<input type="radio" name="member" value="full" id="full"/> <label for="full">Full</label></p>

<p> First Day to Attend: 

    <select name="reg_start_date">

    <option value="0" selected="selected">Please select</option>
    <option value="2011-09-05">2011/09/05</option>
    <option value="2011-09-06">2011/09/06</option>
    <option value="2011-09-07">2011/09/07</option>
</select></p>


<p> Last Day to Attend:

   <select name="reg_end_date" onChange="checkDates();">

    <option value="0" selected="selected">Please select</option>
    <option value="2011-09-05">2011/09/05</option>
    <option value="2011-09-06">2011/09/06</option>
    <option value="2011-09-07">2011/09/07</option>
</select></p>

<p> Have you registered for conference dinner ?
<input type="radio" name="conf_dinner" value="Y" id="Y" /> <label for="Y">Yes</label>
<input type="radio" name="conf_dinner" value="N" id="N" /> <label for="N">No</label></p>

<p> Are you a Vegeterian?
<input type="radio" name="vegetarian" value="Y" id="Y" /> <label for="Y">Yes</label>
<input type="radio" name="vegetarian" value="N" id="N" /> <label for="N">No</label></p>


<p> Special dietary or physical requirement: <br>
<textarea name="special_req" rows="4" cols="20"></textarea></br></p>
 
<p> Payment Method: <select id ="pay_method" name="pay_method">
    <option value="0" selected="selected">Please select</option>
    <option value="cheque">Cheque</option>
    <option value="credit">Credit Card</option>

    <option value="debit">Debit Card</option> </select></p>
    
<p><input type="button" id="totalcost" value="Total Cost" onClick="showCost( );">
&pound; <input name="pay_total" type="text" id="pay_total" size="20" readonly="readonly" />

Thank you for your help!!!!

**vwphillips** · 05-04-2011, 03:55 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type = "text/javascript">
function showCost(frm){
 var cost = 0,membership = frm["member"],startdate = frm["reg_start_date"].value,enddate = frm["reg_end_date"].value;

 for (var z0=0;z0<membership.length;z0++){
  if (membership[z0].checked){
   cost+=membership[z0].value*1;
  }
 }

 if (startdate == "2011-09-05" && enddate == "2011-09-06"){
  cost = cost * 2;
 }
 else if (startdate == "2011-09-06" && enddate == "2011-09-07"){
  cost = cost * 2;
 }
 else if (startdate == "2011-09-05" && enddate == "2011-09-07"){
  cost = cost * 3;
 }

 if (frm["conf_dinner"][0].checked){
  cost += 54.40;
 }

if (frm["pay_method"].value == "credit"){
 cost = cost * 1.0161;
 }

 document.getElementById("pay_total").value = cost.toFixed(2);

}

function checkDates(){

}
    </script></head>

<body>

<form name ="registerform" id="registerform" action="confirmationpage.php" method="post" onsubmit="return validateForm(this);">

<p>
Title <select id = "title" name="title">
    <option value="0" selected="selected">Please select</option>
    <option value="Prof">Prof</option>

    <option value="Dr">Dr</option>
    <option value="Mr">Mr</option>
    <option value="Ms">Ms</option>
</select></p>

<p> First name <input type="text" name="first_name" size="20" maxlength="50"> </p>

<p> Last name <input type="text" name="last_name" size="20" maxlength="50"></p>

<p> Billing address details <input type="text" name="address" size="20"  maxlength="255"> </p>

<p> Postcode <input type="text" name="postcode" size="20" maxlength="8" onchange="validatePostcode();"> </p>

<p> Email Address<input type="text" name="email" size="20" maxlength="75"></p>

<p> Membership status <input type="radio" name="member" value="235" id="no"/> <label for="no">No</label>

<input type="radio" name="member" value="82.25" id="student" /> <label for="student">Student</label>

<input type="radio" name="member" value="199.50" id="full"/> <label for="full">Full</label></p>

<p> First Day to Attend:

    <select name="reg_start_date">

    <option value="0" selected="selected">Please select</option>
    <option value="2011-09-05">2011/09/05</option>
    <option value="2011-09-06">2011/09/06</option>
    <option value="2011-09-07">2011/09/07</option>
</select></p>


<p> Last Day to Attend:

   <select name="reg_end_date" onChange="checkDates();">

    <option value="0" selected="selected">Please select</option>
    <option value="2011-09-05">2011/09/05</option>
    <option value="2011-09-06">2011/09/06</option>
    <option value="2011-09-07">2011/09/07</option>
</select></p>

<p> Have you registered for conference dinner ?
<input type="radio" name="conf_dinner" value="Y" id="Y" /> <label for="Y">Yes</label>
<input type="radio" name="conf_dinner" value="N" id="N" /> <label for="N">No</label></p>

<p> Are you a Vegeterian?
<input type="radio" name="vegetarian" value="Y" id="Y" /> <label for="Y">Yes</label>
<input type="radio" name="vegetarian" value="N" id="N" /> <label for="N">No</label></p>


<p> Special dietary or physical requirement: <br>
<textarea name="special_req" rows="4" cols="20"></textarea></br></p>

<p> Payment Method: <select id ="pay_method" name="pay_method">
    <option value="0" selected="selected">Please select</option>
    <option value="cheque">Cheque</option>
    <option value="credit">Credit Card</option>

    <option value="debit">Debit Card</option> </select></p>

<p><input type="button" id="totalcost" value="Total Cost" onClick="showCost(this.form);">
&pound; <input name="pay_total" type="text" id="pay_total" size="20" readonly="readonly" />

</form>

</body>

</html>

Thread: showCost() Not Working

Thread Tools

Search Thread

showCost() Not Working

Bookmarks

Bookmarks

Posting Permissions