java-script zusammenzählen.

GreenRover

Ich habe ein shop-script.

Bei dem ich unterschiedlich viele Produkte in einer Kategorie habe.

Nun möchte ich sobald ein Produckt ausgewählt ist soll mittels java-script ein en Gesamtpreis ermittelt werden.

Leider fällt mir nicht ein wie ich es mit unterschiedlich vielen produkten lösen kann.

Mein Ansatz:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function sf()      
{ var val;
  val=document.GAGA.optionPrice.value;
  val=document.GAGA.teil[0].value; 
  document.GAGA.optionPrice.value=val;
}
-->
</script>
</head>


<body>
<form action="index.php?productID=120" method=post name="GAGA">
<table border="0" width="100%" cellpadding="15" bgcolor="#666666" cellspacing="15">
<tr valign="top">
<td align="center">
<table border="0">
<tr>
 <td><a class="product_teile">[b]Bezeichnung[/b]</a></td>
 <td width="100"><a class="product_teile">[b]Preis[/b]</a></td>
 <td></td>
</tr>
	<a class="product_teile"></a>


<tr>
 <td align="left"><a class="product_teile">Video</a></td>
 <td align="right"><a class="product_teile">37.99 SWF</a></td>
 <td><input type="checkbox" name="teil[0]" value="37.99" class="product_teile" onChange="sf()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">GPS-Daten</a></td>
 <td align="right"><a class="product_teile">42.90 SWF</a></td>


 <td><input type="checkbox" name="teil[1]" value="42.90" class="product_teile" onChange="sf()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">Karten</a></td>
 <td align="right"><a class="product_teile">24.60 SWF</a></td>
 <td><input type="checkbox" name="teil[2]" value="24.60" class="product_teile" onChange="sf()"></a></td>
</tr>
	</a>


<tr>
 <td align="left"><a class="product_teile">Foto</a></td>
 <td align="right"><a class="product_teile">15.00 SWF</a></td>
 <td><input type="checkbox" name="teil[3]" value="15.00" class="product_teile" onChange="sf()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">Foto</a></td>
 <td align="right"><a class="product_teile">16.00 SWF</a></td>


 <td><input type="checkbox" name="teil[4]" value="16.00" class="product_teile" onChange="sf()"></a></td>
</tr>
	</table>
</td>
<td>






<a class="product_teile">Der Preis der verschiedenen Daten hängt von der Datenart und der Länge der Tour ab.</a>
</td>
<td>


  <table border="1" width="150" cellpadding="0"  style="border-collapse: collapse; margin: 0;" bordercolor="#DDDDDD">
    <tr>


     <td>
   <table cellpadding="3">
    <tr>
     <td>
    Der Preis der ausgewählten Daten beträgt:  
      <input type=text value="0" readonly id="optionPrice" rclass="shopping_cart_var">
	  <a class="shopping_cart_var"> SWF</a>


     </td>
    </tr>
   </table>
      </td>
    </tr>
    <tr>
     <td>
    <input name='cart' type=image src="images/cart_big.gif"alt="hinzufügen zum Wagen" border="0">
   </td>


    </tr>
   </table>
</td>
</tr>
</table>
</form>
</body>
</html>

Alles anzeigen

GreenRover

So leutzt ich löse mal wieder meine eigene Frage auf.

Was bloß lustig ist lasst mal einer die zie 16 Weg (

Code

summe = summe.toFixed(2);

) und selecte dann die ersten 3 Felder. üwrde mich freuen wenn mir jemand erläutern könnte wie es zustande kommt das ich auf einmal eine zahl wie 145.67000000001 rausbekommen kann?? Wer war hier zu dämlich zum rechnen???

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
<!--
function summe()
{
 var summe = 0;
 for (var i = 0; i < document.HiddenFieldsForm.teil.length; i++) 
   {
    if (document.HiddenFieldsForm.teil[i].checked == "1") { summe += parseFloat(document.HiddenFieldsForm.teil[i].value); }
   }  
 summe = summe.toFixed(2);
 document.getElementById('optionPrice').value = summe;
}
//-->
</script>
</head>


<body>
<form action="index.php?productID=120" method=post name="HiddenFieldsForm">
<table border="0" width="100%" cellpadding="15" bgcolor="#666666" cellspacing="15">
<tr valign="top">
<td align="center">
<table border="0">
<tr>
 <td><a class="product_teile">[b]Bezeichnung[/b]</a></td>
 <td width="100"><a class="product_teile">[b]Preis[/b]</a></td>
 <td></td>
</tr>
	<a class="product_teile"></a>


<tr>
 <td align="left"><a class="product_teile">Video</a></td>
 <td align="right"><a class="product_teile">37.99 SWF</a></td>
 <td><input type="checkbox" name="teil" value="37.99" class="product_teile" onChange="summe()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">GPS-Daten</a></td>
 <td align="right"><a class="product_teile">42.90 SWF</a></td>


 <td><input type="checkbox" name="teil" value="42.90" class="product_teile" onChange="summe()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">Karten</a></td>
 <td align="right"><a class="product_teile">24.60 SWF</a></td>
 <td><input type="checkbox" name="teil" value="24.60" class="product_teile" onChange="summe()"></a></td>
</tr>
	</a>


<tr>
 <td align="left"><a class="product_teile">Foto1</a></td>
 <td align="right"><a class="product_teile">15.02 SWF</a></td>
 <td><input type="checkbox" name="teil" value="15.02" class="product_teile" onChange="summe()"></a></td>
</tr>
	</a>
<tr>
 <td align="left"><a class="product_teile">Foto</a></td>
 <td align="right"><a class="product_teile">18.41 SWF</a></td>


 <td><input type="checkbox" name="teil" value="18.41" class="product_teile" onChange="summe()"></a></td>
</tr>
<tr>
 <td align="left"><a class="product_teile">Foto2</a></td>
 <td align="right"><a class="product_teile">39.62 SWF</a></td>


 <td><input type="checkbox" name="teil" value="39.62" class="product_teile" onChange="summe()"></a></td>
</tr>
<tr>
 <td align="left"><a class="product_teile">Foto3</a></td>
 <td align="right"><a class="product_teile">71.17 SWF</a></td>


 <td><input type="checkbox" name="teil" value="71.17" class="product_teile" onChange="summe()"></a></td>
</tr>
	</table>
</td>
<td>






<a class="product_teile">Der Preis der verschiedenen Daten hängt von der Datenart und der Länge der Tour ab.</a>
</td>
<td>


  <table border="1" width="150" cellpadding="0"  style="border-collapse: collapse; margin: 0;" bordercolor="#DDDDDD">
    <tr>


     <td>
   <table cellpadding="3">
    <tr>
     <td>
    Der Preis der ausgewählten Daten beträgt:  
      <input type=text value="0" readonly id="optionPrice" rclass="shopping_cart_var">
	  <a class="shopping_cart_var"> SWF</a>


     </td>
    </tr>
   </table>
      </td>
    </tr>
    <tr>
     <td>
    <input name='cart' type=image src="images/cart_big.gif"alt="hinzufügen zum Wagen" border="0">
   </td>


    </tr>
   </table>
</td>
</tr>
</table>
</form>
</body>
</html>

Alles anzeigen

java-script zusammenzählen.

Tags

Benutzer online in diesem Thema