html - Hjlæp til en webbaseret udregning - Udvikleren.dk

Tags: html

Bruger #20889 @ 02.04.14 23:08

Hej,
Vil lige høre om der er et klogt hoved herinde der kan give mit lidt feedback på noget kode jeg sidder og roder med.
Jeg skal på min side lave en lille udregning hvor man ved hjælp af checkboxes skal kunne lægge værdier sammen.
Eksempel:
a = 5 (hvor værdien er skjult og hvor man klikker en checkbox i stedet.)
b= 4
osv osv
hvor man til sidst har et output der viser den samlede værdi for alle checkboxene. denne værdi skal vises i en box hvor man ti sidst har mulighed for at trække en indtastet tal fra summen.
Gir det nogen mening?

tænker if/else ??
nogle bud
vh søren

4 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #16678 @ 03.04.14 08:55

281

Altså, du har nogle værdier tilknyttet nogle checkboxes, og så skal man trykke på nogle bestemte checkboxes?

I så fald kan du jo bare poste værdierne til calculate.php og så hente værdierne dérfra.

Bruger #12476 @ 03.04.14 10:50

110

Der er ingen grund til at involvere serveren for at opnå det du beskriver, med mindre du vil behandle tallene/summen på serversiden efterfølgende.

Problem:
Du har en række checkboxe samt ét inputfelt, hvori man kan indtaste et tal, såvidt jeg kan læse mig frem til.

Løsning:
Så tager du bare og bruger javascript til at hive fat i alle de checkboxe som er markerede, summerer deres value og trækker værdien af inputfeltet fra, hvorefter du smider resultatet i et span (f.eks.)

Således kan det løses ud fra det du beskriver.

Bruger #16529 @ 21.04.14 18:25

Du kan gøre ved ved hjælp af php regningsoperatører og selvfølgelig en formular

Bruger #955 @ 21.04.14 21:08

1.624

HTML kode

 <!doctype html>
 
 <html lang="en">
 
 <head>
 
   <meta charset="utf-8">
 
 <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
 <script>
 $(document).ready(function () {
     var sum = 0;
 
 
     $("input[type=checkbox]").change(function () {
         recalculateCheck();
     });
 
     function recalculateCheck() {
         var sum = 0;
         $("input[type=checkbox]:checked").each(function () {
             sum += parseInt($(this).val());
         });
         $('#total').val(sum);
     }
 });
 </script>
 </head>
 
 <body>
 
 
 <input type="text" id="total" value="">
     
 <input type="checkbox" id="1" value="10" name="1" />
 <input type="checkbox" id="2" value="20" name="1" />
 <input type="checkbox" id="3" value="30" name="1" />

Indlæg senest redigeret d. 21.04.2014 21:08 af Bruger #955

Hjlæp til en webbaseret udregning

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler