javascript rechenergebnis an php übergeben

lori01

Grünschnabel
hi, ich bin neu hier und hoffe, das mein posting hier richtig ist.
ich habe ein formular mit checkboxen - bei diesem errechnet ein javascript die ergebnisse.
HTML:
<script type="text/javascript">

$(document).ready(function(){
var gesamt = 2980.00;
 
$("[type=checkbox]").click(function () {
    if (this.checked == true) {
        gesamt = gesamt + parseFloat(this.value);
    } else {
        gesamt = gesamt - parseFloat(this.value);
    }
    $("#preis").text(gesamt.toFixed(2));
});
 
});
</script>
.
.
.

<form name="Eingabe" action="an.php" method="post">

 <table  border="1" >
<tr>
          <td colspan="4">&nbsp;</td>
        </tr>
        
        
        <tr>
          <td width="52%"><p>Gütersloh</p></td>
          <td width="24%" ><input type="checkbox" name="cg" value="4"/></td>
          <td width="15%" align="right" >4,00 </td>
          <td width="10%" align="left">&nbsp;  &euro;</td>
        </tr>
        <tr>
          <td width="52%"><p>Bielefeld</p></td>
          <td width="24%" ><input type="checkbox" name="cb" value="5"/></td>
          <td width="15%" align="right" >5,00 </td>
          <td width="10%" align="left">&nbsp;  &euro;</td>
        </tr>
         <tr>
          <td width="52%"><p>Steinhagen</p></td>
          <td width="24%" ><input type="checkbox" name="cs" value="6"/></td>
          <td width="15%" align="right" >6,00 </td>
          <td width="10%" align="left">&nbsp;  &euro;</td>
        </tr>
        <tr>
          <td width="52%"><p>Frankfurt</p></td>
          <td width="24%" ><input type="checkbox" name="cf" value="7"/></td>
          <td width="15%" align="right" >7,00 </td>
          <td width="10%" align="left">&nbsp;  &euro;</td>
        </tr>
        <tr>
          <td width="52%"><p>Hamburg</p></td>
          <td width="24%" ><input type="checkbox" name="ch" value="8"/></td>
          <td width="15%" align="right" >8,00 </td>
          <td width="10%" align="left">&nbsp;  &euro;</td>
        </tr>
          
        <tr>
          <td colspan="4">&nbsp;</td>
        </tr>
         <tr>
          <td >&nbsp;</td>
          <td width="24%" >Gesammtkosten:</td>
          <td class="unterstrich" align="right"  id="preis">2980.00</td>
           <td width="10%" align="left">&nbsp;  &euro;</td>
           </tr>
           <tr>
          <td colspan="4">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="4"> <input type="submit" value="Senden"/>
   <input type="reset" value="Löschen"/>
</td>
        </tr>
    
</table>
</form>
nun möchte ich, dass das rechenergebnis vom javascript (2980,00 + die angeklickten Checkboxenwerte) an ein phpscript übergeben wird.

hier die php-datei:
PHP:
<?php

$grundmodell = number_format(2900.00, 2, '.', '');
$versand = number_format(80.00, 2, '.', '');
$gkosten = $grundmodell + $versand;

$preis = $_POST["preis"];

   echo "<p>Ihre Bestellung:</p><p>inkusiv Versandkosten zum Preis von $gkosten €</p>";
   echo ("<p >Sie haben folgendes Zubehör bestellt:</p>");

        if (isset ($_POST["cg"])) echo "Gütersloh zu 4,00 €<br/><br/>";
        if (isset ($_POST["cb"])) echo "Bielefeld zu 5,00 €<br/><br/>";
        if (isset ($_POST["cs"])) echo "Steinhagen zu 6,00 €<br/><br/>";
        if (isset ($_POST["cf"])) echo "Frankfurt zu 7,00 €<br/><br/>";
        if (isset ($_POST["ch"])) echo "Hamburg zu 8,00 €<br/><br/>";
    
     echo ("<p >Preis Zubehör $preis €</p>");    

     echo ("<p >Gesamtpreis Ihrer Bestellung beträgt $gkosten €</p>");
 
?>
ich hoffe ich habe mich verständlich ausgedrückt. und mir kann jemand helfen wie ich das hinkriege?
besten dank
lori01
 
Zuletzt bearbeitet von einem Moderator:
Hi,

du kannst nach der Berechnung das Formular abschicken.
Code:
$('form[name=Eingabe]').trigger('submit');
Eine andere Möglichkeit wäre die Daten mit Ajax asynchron zu übertragen - dazu findest du Hilfe bei jQuery (jQuery.ajax).

Ciao
Quaese
 
hi quaese,
vielen dank für die schnelle antwort. ich glaub ich hab mich falsch ausgedrückt. ich möchte, dass der user - wenn er - auf der seite checkboxen anklickt - sofort das rechen ergebnis sieht (deshalb js). das ausgegebene ergebnis soll dann beim klick auf den senden button an ein php-skript zur weiteren verarbeitung übergeben werden. das php-skript soll nochmal anzeigen welche checkbox der user angeklickt hat und die gesamtsumme ausgeben.
mit deiner codezeile wird die seite ja sofort (beim klicken) verschickt ohne, dass der user nochmal das ergebnis sehen kann - ich denke dafür ist eine reine php lösung besser aber in meinem fall nicht gewollt.
trotzdem erstmal danke
lori01
 
Hi Quaese,
super hat geklappt - danke für die Hilfe. Ich hatte auch schon den Gedanken mit dem Hiddenfeld aber es haperte an der Umsetzung.
Nochmals vielen Dank
lori01
 

Neue Beiträge

Zurück