Súčet inputov

igid26 · Napísal **igid26**: 23.02.2012 21:06 | Súčet inputov

Zdravím Potreboval by som pomôcť s javascriptom. Ktorý slúži na výpočet nutričných hodnôt potravín.
Základný súčet ceny mi funguje v poriadku. Ale chcem aby to spočítavalo aj bielkoviny, sacharidy a tuky.
A tiež potrebujem aby započítavalo aj viac kusov so selectu. Skúšal som už aj hľadať na fórach ale neviem si rady so zápisom javy. Tu je výsledný script http://www.zaujimave.6f.sk/index.html
A tu je kód

Kód:

<!doctype html>
<meta charset="utf-8">
</select>
<form name="formulár">
  <input type="checkbox" name="suroviny[]" data-cena="0.90" biekoviny="5" tuky="3" id="0" value="0"> <label for="0">Mlieko</label>
  <select id="kusy">
  <option value="1">1 kus</option>  
  <option value="2">2 kusy</option>
  <option value="3">3 kusy</option>
</select>
<br>


<input type="checkbox" name="suroviny[]" data-cena="0.60" biekoviny="4" tuky="4" sacharidy="5" id="1" value="1"> <label for="1">Maslo</label>
  <select id="kusy">
  <option value="1">1 kus</option>  
  <option value="2">2 kusy</option>
  <option value="3">3 kusy</option>
</select>
<br>

<input type="checkbox" name="suroviny[]" data-cena="1.20" biekoviny="6" tuky="5" sacharidy="5" id="2" value="2"> <label for="2">Tvaroh</label>
  <select id="kusy">
  <option value="1">1 kus</option>  
  <option value="2">2 kusy</option>
  <option value="2">2 kusy</option>
</select>
<br>
<input type="checkbox" name="suroviny[]" data-cena="1.50" biekoviny="6" tuky="5" sacharidy="5" id="3" value="3"> <label for="3">Jogurt</label>
  <select id="kusy">
  <option value="1">1 kus</option>  
  <option value="2">2 kusy</option>
  <option value="3">3 kusy</option>
</select>
<br>
</select>


<hr>  <span id="vysledok">0</span> €
  

<br><span id="biekoviny">0</span> Biekoviny

<br><span id="tuky">0</span> Tuky

<br><span id="sacharidy">0</span> Sacharidy

</form><script>
 var ch=[], cena=[], el=document.forms[0].elements, n=0, vystup=document.getElementById("vysledok");
  for(var i=0; i<el.length; i++){
    if(el[i].name=="suroviny[]"){
      ch[n]=el[i].checked=false; cena[n++]=Number(el[i].getAttribute("data-cena")); el[i].onclick=f;
    }

  }
  function f(){
    var vysledok=0;
    ch[this.id]=this.checked;
    for(var i=0; i<n; i++)vysledok+=ch[i]*cena[i];
    vystup.innerHTML=vysledok;
  }
</script>

shaggy · Napísal **shaggy**: 23.02.2012 23:03 | Súčet inputov

A čo ti nefunguje, alebo s čím máš problém?

igid26 · Napísal autor témy **igid26**: 23.02.2012 23:17 | Súčet inputov

Zatiaľ mi sčítava iba cenu ale ja potrebujem aby sčítavalo cenu, bielkoviny, sacharidy, tuky a aby ich po sčítaní ukázalo. A tiež je problém v tom že keď vyberiem v selecte viac kusom napr.2 tak mi stále započíta iba ten jeden.

shaggy · Napísal **shaggy**: 25.02.2012 12:30 | Súčet inputov

No to bude tým, že tam spočítavaš iba tie ceny.
Aby ti to počítalo ostatné, tak by si najprv ten skript mal upraviť - a nečakaj, že to urobíme za teba. Ak nevieš nič o JS, tak sa ho musíš najprv naučiť, ak to potrebuješ hneď, daj to do Ponuky práce.

Mimochodom, cenu máš v atribúte "data-cena", prečo si nedal do tých atribútov aj tebou pridané hodnoty (čiže namiesto bielkoviny dať data-bielkoviny atď.)?

Súčet inputov

Súčet inputov

Podobné témy

Overovanie inputov

Ochrana inputov

Ciferný súčet

Odoslanie viacerých údajov z inputov

Nacitanie hodnot z tabulky do inputov

innerHTML - maze zadane udaje do inputov

zaklad filtrovacieho systemu (kontrola akcii inputov)

$_POST['pole']['item'] kombinácia viacerých typov inputov

Sucet jednotiek z DB

Excel - sucet s podmienkou

sucet za sebou nasledujucich cisel

Sucet viac ako 32 buniek

Rozklad na súčet Fibonacciho čísel

Sucet cien tovaru vo formulary

Ciferný súčet čísla v C

Pascal - sucet 2 kladnych binarnych cisel