Javascript checkbox auswerten und Werte summieren?

Hallo, ich kenne mich in Javascript eher weniger aus und habe mit PHP eine Tabelle erstellt in der Werte stehen (z.B. 20,00 [mit Komma]) und dahinter in jeder Zeile eine Checkbox mit name="ms[]" und value="jeweilige id".

Wenn ich jetzt die Häckchen in der Checkbox aktiviere, sollen die Werte aus den jeweiligen Zeilen aufsummiert werden und mir dann die Summe ausgegeben werden. Kann man sowas mit Javascript so einfach machen oder lieber mit PHP?

4 Antworten

stboy

25.02.2017, 17:18

Kann man sowas mit Javascript so einfach machen oder lieber mit PHP?

Da du clientseitig direkt auf die Eingaben reagieren willst (Addieren und Ausgabe per Klick), ist Javascript natürlich die schickere Lösung.

Mit PHP, also serverseitig, müsstest du bei jedem Klick das Formular wieder an den Server senden, um die neue Ausgabe zu erzeugen.

LeBonyt

24.02.2017, 18:40

Man kann das mit JavaScript/JQuery und mit PHP machen. Code gibts im Netz und bei stackoverflow.

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Dragon970

Fragesteller

24.02.2017, 19:49

Habe mir jetzt was zusammen gebastelt, das auch funktioniert. Bloß habe ich jetzt das Problem, die Checkbox hat den namen "ms"... um alle dann mit PHP auszuwerten, müssen die aber ms[] heißen, wenn ich die so nenne, funktioniert aber das Javascript nicht mehr.

Kieselsaeure

Nutzer, der sehr aktiv auf gutefrage ist

im Thema PHP

26.02.2017, 11:47

Ja kann man machen mit js und würde ich dir auch eher empfehlen als die last auf deinen server zu verschieben. Besonders bei vielen besuchern kann dich das je nach aufwand ziemlicj viel ressourcen kosten

osworx

25.02.2017, 09:02

Irgendwie ist die Frage dermassen ungenau, dass es schwerfällt eine Antwort geben zu können!

Was will er??

Du redest da von php und Javascript, dann noch von einem Formular - also HTML. Sollte man, wenn man was programmieren möchte, schon den Unterschied kennen!

Und was soll das Geschwafel von wegen mit Javascript und php gemeinsam etwas auswerten?

Am einfachsten das HTML-Formular anzeigen (dessen Werte von mir aus mit/per php definiert werden), und dann alles mit Javascript bzw. jQuery berechnen UND wieder anzeigen lassen.

Gibt dazu mehr als genug Beispiele, einfach die Suchmaschine der eigenen Wahl bemühen.

Ähnliche Fragen

PHP Funktion aufrufen?

Ich habe eine PHP Funktion in einer anderen ausgelagerten Datei und möchte diese jetzt in einer JavaScript Funktion aufrufen siehe Quellcode:

was mache ich falsch und bitte mit Lösungsvorschlägen


function PersonXSenden()
{
   InhaltPersonX = document.getElementById("X").value;
   console.log(InhaltPersonX);
   document.cookie = "XCookie = " + InhaltPersonX;
   test3();

   <?php
       include "Chat2.php";
       test();
   ?>
}

...zur Frage

XMLHttpRequest Javascript mit PHP POST-Methode Funktion in Datei, die aufgerufen wird ausführen?

Ich habe auf meiner Website ein Formular, welches ich über Javascript auswerte und die Werte mit XMLHttpRequest über POST an eine PHP Datei übergebe. Um diese geht es auch. In ihr möchte ich eine Javascript funktion ausführen, die nicht in der PHP Datei steht. Ich habe mehreres probiert aber nicht hinbekommen. Nach etwas Google Suche habe ich mehrfach gelesen, dass das Skript erst nach vollenden des XMLHttpRequests ausgeführt wird. Stimmt das so? und was bedeutet das für mich?

PS: Bin neu in Javascript

...zur Frage

HTML/PHP Checkbox Value in Array speichern?

Moin,

ich hab ein Problem.

Ich möchte ne Liste mit Checkboxen machen. Die Checkboxen die ausgewählt sind sollen in einem Array gespeichert werden und die Checkboxen sollen so lange ausgewählt sein wie der Wert im Array steht. Außerdem soll der Wert aus dem Array gelöscht werden wenn die Checkbox nicht mehr ausgewählt ist.

Hoffe es war soweit verständlich. Arbeite im Moment mit der Funktion array_push();.

Danke im Vorraus

...zur Frage

Projekt Dashboard mit SQL, PHP, JS, HTML?

Hallo,

und zwar habe ich ein Projekt in dem ich SQL Daten abfrage, bearbeite und in einem Webinterface visualisiere (quasi eine Art Dashboard). Aktuell habe ich ein PHP Skript geschrieben, dass die Datenbank abfrägt aber in einer Schleife ziemlich oft ein neues dynamisches SQL Query erstellt, um bestimmte Werte in der Datenbank abzufragen. Das dauert relativ lange, da teilweise nur einzelne Werte durch die SQL Query zurückkommen und quasi jedes Mal ein neuer Datentunnel aufgebaut wird.

Jetzt wäre meine Frage, ob es auch eine Möglichkeit gibt die Datenbank einmal komplett abzufragen und anschließend beim Client zu bearbeiten und auszuwerten, indem man die Daten beispielsweise in ein Javascript Array oder ähnliches schreibt. Ein paar Werte muss ich erst errechnen bevor sie dargestellt werden, weshalb ich um Javascript wahrscheinlich nicht herumkomme.

Und wären Objekte in Javascript bei der Abfrage hilfreich?

Bin noch ziemlich neu auf diesem Gebiet und bin um jede Antwort dankbar.

...zur Frage

PHP Sichere Api erstellen?

Hi, kann mir jemand ein paar Tutorials oder Artikel empfehlen, oder kennt eine Anleitung wie man eine sichere API für PHP macht?

Was ich machen möchte:

Ich möchte mir eine kleine Oberfläche für unsere Online Shops erzeugen in der jeden Tag Lagerbestände und Anzahl der Verkauften Artikel abgespeichert werden(das ist soweit auch umgesetzt). Aktuell gebe ich die Werte aber noch per PHP Skript aus. Das ganze möchte ich jetzt aber dynamischer gestalten und mithilfe von Javascript ausgeben lassen, admit ich per PHP nur noch das Grundgerüst der Seite aufbaue und per Javascript dann die Tabellen ausgebe und Filter setzen sowie suchen kann.

An der Uni habe ich sowas vor ein paar Jahren schonmal mit XHR gemacht, dabei haben wir aber das Thema sicherheit nicht behandelt, welche Wege gibt es denn soetwas "sicher" umzusetzen, damit nicht einfach ein Bot der auf die Seite kommt dort per CRUD irgendwelche Werte eingeben könnte oder abfragen könnte?

Macht es da sinn ein Token zu erzeugen und das dann in den Javascript Dateien zu speichern oder die Zugangsdaten des Benutzers bei jedem Aufruf mitzusenden? Ich möchte das ganze vielleicht auch so gestalten das man daraus vielelicht auch mal eine App erstellen könnte, falls der bedarf in Zukunft aufkommt.

...zur Frage

JavaScript Variable zu einer Php Variable machen?

Ich kann mit php Mysql Befehle ausführen und zb Name alter usw. in eine Datenbank von meinem Webhost speichern.
mit insert into halt.

jedoch soll nicht ich das eintragen sondern die andere Person die die seite auch benutzt/client.

da hab ich mir überlegt das ich das statt

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ("max","mustermann",64) ;

lieber so machen sollte

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ($Vorname,$Nachname,$Age);

und den inhalt für diese $Vorname $Nachname $Age

Variablen bekomme ich aus Javascript

let Vorname = document.getElementById("inputField").value;

und dann will ich irgendwie sagen

Vorname Variable von Javascript ist gleich $Vorname Variable von Php.

Oder geht das viel einfacher Den inhalt eines forms in eine php Variable zu speichern ?

Php macht mir kopfschmerzen mit dem ganzen post und get,

das sind schon viele Informationen aufeinmal, kann man sich nicht alles merken.

Ich will auch php garnicht so sehr lernen und verstehen.
Brauche es eben um was zu Speichern und um meine kleinen Projekte umzusetzen.
es soll nicht sicher oder so sein

...zur Frage

HTML/Javascript Wert speichern ohne Server?

Sagen wir mal meine Aufgabe ist es eine Webseite zu erstellen mit einem Counter, drückt man drauf zählt er hoch. 0->1->2->3>-4>-5->...

Der Wert soll aber gespeichert werden, wenn die nächste Person diese Seite aufruft, soll der Counter nicht wieder bei 0 anfangen, sondern da wo die anderen Personen aufgehört haben.

Das Problem: ich darf NUR HTML, CSS und Javascript benutzen.

Geht das überhaupt ohne PHP, Datenbank oder ähnlichem?

Ich hab gelesen es gibt Local Storage von HTML5 und es gibt Cookies, aber die sind nur für den Benutzer lokal und bringt mir nichts, soweit ich das verstanden habe.

Könnte ich irgendwie die Werte in einer Text Datei speichern und die Text Datei mit HTML oder Javascript wieder auslesen?

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

CSS "checked" auf nur einen input (checkbox) anwenden?

Hallo,

Ich mache gerade für Info eine Webseite, allerdings dürfen wir noch kein JavaScript benutzen.

Deshalb habe ich , um die Webseite responsive zu machen das ganze mehr oder weniger mit einem input (checkbox) geregelt, die man nicht sieht, welche dann durch ein label verbunden ist, was wiederrum eine art Burger-Stapel ist. Auf diesen kann man clicken, und dann schieben sich die Links von oben nach unten.

Spielt aber hierfür keine Rolle.

Auf jeden Fall habe ich in CSS logischerweise dann das mit "checked ~" gemacht, was auch funktioniert.

Nun möchte ich aber einen Darkmode integrieren, und brauche dafür nochmal einen zweiten input (auch wieder checkbox), also im Prinzip das selbe Spiel nochmal.

Allerdings prüft "checked ~" ALLE checkboxen, sodass das responsive nicht mehr funktioniert, wenn der Darkmode aktiv wäre.

Kann ich also irgendwie nur immer die JEWEILIGE checkbox prüfen lassen?

Danke im Voraus! :)

...zur Frage

Array_sum erzeugt fehler: array_sum() expects parameter 1 to be array, float given in ..?

Hallo zusammen,

ich sitze jetzt schon seit 2 Tagen an diesem Problem und bekomme es einfach nicht gelöst.

Und zwar versuche ich den Wert eines Arrays in PHP zu summieren der Array sieht so aussieht:

Array
(
    [0] => 4311.281896326
)
Array
(
    [0] => 1690.9655824545
)
Array
(
    [0] => 66.906156047461
)

Doch das einzige was erscheint ist folgender Fehler: array_sum() expects parameter 1 to be array, float given in ...

Hier ist der Code:

	$statement = $pdo->prepare("SELECT SUM(cash) as cash, currencyid FROM cash WHERE user_id = :user_id AND status = :status GROUP BY currencyid");
$statement-&gt;execute(array('user_id' =&gt; $user["id"], 'status' =&gt; true));



while($result = $statement-&gt;fetch()){

$value = cashValue($result["currencyid"])*$result["cash"];

$sum = array();

$sum = $value;



echo array_sum($sum);

}

...zur Frage

Javascript Fetch API - Wie kann ich den Output als Variable weiterbearbeiten?

Ich hole mir in einer scoreboard.php Datei eine Liste mit Werten aus meiner MySQL Datenbank. Wie kann ich diese PHP Datei aus einem Script heraus aufrufen und die zurückgegebenen Werte weiter verarbeiten? Ich bin soweit, dass ich die Werte zwar mit console.log() ausgeben kann, jedoch hilft mir das nicht, da ich sie nicht ausgeben möchte sondern noch weiter verarbeiten.

var results;
fetch("includes/scoreboard.php")
  .then(res => res.text())
  .then(data => results = data);
  .then(() => console.log(results))

Wie bekomme ich die Ausgabe einer externen PHP Datei in eine JS Variable?

...zur Frage

Wie kann ich bei einer richtiger Antwort einen Text anzeigen lassen und bei einer falscher Antwort einen anderen?

Ich möchte auf meiner Webseite ein kleines Multiple-choice-Quiz machen.

Hier möchte ich, dass, wenn man das Richtige auswählt und auf Lösung klickt, eine Nachricht erscheint, dass dies die richtige Lösung ist. Bei einer falschen dann halt, dass es die falsche Antwort ist.

Ich könnte hier nach action="/Tests/Posts" eine andere Webseite öffnen lassen. Aber dann würde sich ja bei der falschen Antwort und bei der richtigen Antwort das gleiche Fenster öffnen.

<form method="post" action="/Tests/Post">
  <fieldset>
    <legend>Bei Längswellen erfolgt die Schwingung ... Ausbreitungsrichtung.</legend>
    <input type="checkbox" name="schwingung" value="in" onclick="return ValidatePetSelection();">... in ...<br>
    <input type="checkbox" name="schwingung" value="querZur" onclick="return ValidatePetSelection();">... quer zur ...<br>
    <input type="checkbox" name="schwingung" value="Birds" onclick="return ValidatePetSelection();">... gegen ...<br>
    <br>
    <input type="submit" value="Lösung">
  </fieldset>
</form>
<script type="text/javascript">
  function ValidatePetSelection() {
    var checkboxes = document.getElementsByName("schwingung");
    var numberOfCheckedItems = 0;

    for (var i = 0; i < checkboxes.length; i++) {
      if (checkboxes[i].checked)
        numberOfCheckedItems++;
    }

    if (numberOfCheckedItems > 1) {
      alert("Es ist genau eine Antwort richtig.");
      return false;
    }
  }
</script>

...zur Frage

JavaScript - Formularfelder hinzufügen?

Guten Morgen,

ich suche einen Weg, um einem HTML-Formular ein weiteres "Paket" an Feldern hinzuzufügen.

"Paket" soll beinhalten:

<label style="float: left;">Antwort%: <input type="text" name="antwort%" </label><fieldset><input type="radio" id="true%" name="status" value="1"><label for="true%">Richtig</label> <input type="radio" id="false%" name="status" value="0"><label for="false%">Falsch</label></fieldset><br>

...dabei sollen die %-Zeichen durch einen Zähler ersetzt werden -> Neue Feld = counter++

Gibt es dafür ein einfaches(!) Skript...

Will nur einen Button zum hinzufügen... im Backend kann ich mit PHP prüfen ob von den 10 hinzugefügten Feldern auch wirklich alle ausgefüllt sind.

Wäre sehr dankbar wenn mir jemand helfen könnte

Skill:

HTML - ja

PHP - ja

JavaScript- Nein :(

...zur Frage

Smarty assign array - Wie String und Variable zusammenfügen?

Ich möchte gerne ein Array im Smarty-Template erzeugen was auch so gut funktioniert. Nur kann ich keine Strings und Variablen zusammenfügen was ja bei PHP ein Punkt (.) und bei Javascript ein Plus (+) ist. Ich habe bereits die Hochkommas probiert die bei Variablen auch funktionieren aber nur nicht bei Array.

{assign var=breadcrumb value=['0'=>['title'=>$lang.brand.title.0, 'url'=>'/`$lang.main.url.6`/']]}

Geht eigentlich nur um die zuweisung von url

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen