[Erledigt] Checkboxen zugewiesene Werte zusammenaddieren und anzeigen

smilla · 21.09.2009, 15:55

Hi,

in meiner Software lasse ich mir nicht bezahlte Rechnungen anzeigen. Nun habe ich zu jeder Rechnung eine Checkbox, wo ich festlegen kann, ob der Kunde jetzt schon eine Mahnung erhalten soll.

Nun wollte ich mir unter den Rechnungen die Summe aller markierten Rechnungen (angeklickte Checkboxen) anzeigen lassen.

Nun weiß ich aber nicht genau wie man das am besten. Mit dem markieren oder entmarkieren einer checkbox müsste ich eine js Funktion aufrufen. Diese Funktion müsste dann alle markierten Checkboxen abfragen. Aber nun habe ich ja nicht zu jeder Checkbox die Summe der Rechnung. Da weiß ich grad nicht wie man dieses Problem am besten lösst.

Macht es ggf. Sinn ganz oben auf der Seite ein Array anzulegen, wo ich zu jeder Rechnungsnummer die Summe hinterlege?

Oder wie würdet ihr sowas lösen? Habe mit js nicht so viel Erfahrung, aber so schwer kann es ja eigentlich nicht sein?

Smilla

mermshaus · 21.09.2009, 16:09

Ich würde genau das machen. Ich finde es bei JavaScript-Anwendungen meist sehr hilfreich, die Daten in einer Art Model zu halten und von dort die HTML-Darstellung zu aktualisieren.

Zitat:

Zitat von smilla

Aber nun habe ich ja nicht zu jeder Checkbox die Summe der Rechnung. Da weiß ich grad nicht wie man dieses Problem am besten lösst.

Das verstehe ich nicht.

Edit: Ach so, vielleicht doch. Ja, du musst jede Checkbox zu einem Eintrag aus der Struktur, die die Preisinformationen hält, mappen. Vielleicht über das value-Attribut?

Edit 2:

Quick&Dirty-Beispiel:

HTML-Code:

<script type="text/javascript">
// <![CDATA[
var prices = {4 : 10,
              7 : 20,
              9 : 5};

function update()
{
    var items = document.getElementsByName('items[]');

    var price = 0;

    for (var i = 0; i < items.length; i++) {
        if (items[i].checked) {
            price += prices[items[i].value];
        }
    }

    alert(price);
}
// ]]>
</script>

<form method="post" action="">

<p><input name="items[]" type="checkbox" value="4" onclick="update();" />Artikel 1</p>
<p><input name="items[]" type="checkbox" value="7" onclick="update();" />Artikel 2</p>
<p><input name="items[]" type="checkbox" value="9" onclick="update();" />Artikel 3</p>

</form>

smilla · 21.09.2009, 21:15

Vielen Dank für die schnelle Antwort. Habe dein Beispiel etwas modifiziert. Die Summen der Rechnungen habe ich als hidden Field drinnen und nutze folgende update funktion:

PHP-Code:

  <script type="text/javascript">

// <![CDATA[

function update()

{

    //var items = document.forms.form1;

    //var items = document.forms.getElementsByTagName();

    var items = document.getElementsByName('items[]');

    

    var price = 0;

    var tmp = "";

    var anzahl = 0;

    

    for (var i = 0; i < items.length; i++) 

    {        

        if (items[i].checked) 

        {

           tmp = "sum_invoice_" + items[i].value;

           price = price + parseFloat(document.getElementById(tmp).value);

           anzahl = anzahl +1;

        }        

    }

    

    document.getElementById("summe").innerHTML = price.toFixed(2);

    document.getElementById("anzahl").innerHTML = anzahl;

}

// ]]>

</script>

So haut es wunderbar hin

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
checkbox Werte überprüfen	Black_Eagle	PHP Tipps 2008	11	18.12.2008 15:28
Dynamische Checkboxen und MySQL-DB-Eintrag	PiqueNique	PHP-Fortgeschrittene	3	06.09.2008 11:36
[Erledigt] Max Anzahl Checkboxen	Hu5eL	JavaScript, Ajax und mehr	2	25.06.2008 15:37
Aktivieren einer Checkbox aktiviert viele andere Checkboxen	buggybugga	HTML, Usability und Barrierefreiheit	3	12.03.2007 16:23
Mehrere POST werte durch , trennen?	Peoples	PHP Tipps 2006	7	30.04.2006 17:19
werte in checkbox anzeigen	flual2000	PHP Tipps 2007	1	02.11.2005 11:49
checkboxen	wizzardxx	PHP Tipps 2005-2	7	16.10.2005 22:58
Checkboxen richtig auslesen	Boennchen	PHP Tipps 2005-2	7	21.07.2005 11:57
Werte der Checkboxen werden nicht übertragen :(		PHP Tipps 2005-2	2	08.07.2005 08:36
[Erledigt] Downloads nicht anzeigen lassen...		PHP Tipps 2005-2	0	24.06.2005 17:38
[Erledigt] Wie kann ich beliebig viele Werte an eine Funktion übergeben		PHP Tipps 2005	11	25.01.2005 10:44
[Erledigt] werte aus mehreren Checkboxen in db schreiben		PHP Tipps 2004-2	12	28.12.2004 13:44
Umfrage-Formular mit Checkboxen und MySQL		PHP Tipps 2004-2	10	26.11.2004 18:20
Checkboxen übernehmen+prüfen+eintragen		PHP Tipps 2004	8	09.09.2004 08:39
[Erledigt] Einzelne Werte aus TXT Datei auslesen und anzeigen.		PHP Tipps 2004	1	08.09.2004 06:31

21.09.2009, 15:55
smilla Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 200	[Erledigt] Checkboxen zugewiesene Werte zusammenaddieren und anzeigen Hi, in meiner Software lasse ich mir nicht bezahlte Rechnungen anzeigen. Nun habe ich zu jeder Rechnung eine Checkbox, wo ich festlegen kann, ob der Kunde jetzt schon eine Mahnung erhalten soll. Nun wollte ich mir unter den Rechnungen die Summe aller markierten Rechnungen (angeklickte Checkboxen) anzeigen lassen. Nun weiß ich aber nicht genau wie man das am besten. Mit dem markieren oder entmarkieren einer checkbox müsste ich eine js Funktion aufrufen. Diese Funktion müsste dann alle markierten Checkboxen abfragen. Aber nun habe ich ja nicht zu jeder Checkbox die Summe der Rechnung. Da weiß ich grad nicht wie man dieses Problem am besten lösst. Macht es ggf. Sinn ganz oben auf der Seite ein Array anzulegen, wo ich zu jeder Rechnungsnummer die Summe hinterlege? Oder wie würdet ihr sowas lösen? Habe mit js nicht so viel Erfahrung, aber so schwer kann es ja eigentlich nicht sein? Smilla


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.09.2009, 21:15
smilla Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 200	Vielen Dank für die schnelle Antwort. Habe dein Beispiel etwas modifiziert. Die Summen der Rechnungen habe ich als hidden Field drinnen und nutze folgende update funktion: PHP-Code: <script type="text/javascript"> // <![CDATA[ function update() { //var items = document.forms.form1; //var items = document.forms.getElementsByTagName(); var items = document.getElementsByName('items[]'); var price = 0; var tmp = ""; var anzahl = 0; for (var i = 0; i < items.length; i++) { if (items[i].checked) { tmp = "sum_invoice_" + items[i].value; price = price + parseFloat(document.getElementById(tmp).value); anzahl = anzahl +1; } } document.getElementById("summe").innerHTML = price.toFixed(2); document.getElementById("anzahl").innerHTML = anzahl; } // ]]> </script> So haut es wunderbar hin