Konstantin: Werte neben Checkboxen mit Javascript addieren

Beitrag lesen

SELF-Forum

Werte neben Checkboxen mit Javascript addieren

Konstantin
– Informationen zu den Bewertungsregeln

ich hab mal ohne Nachzudenken ein Sample geschrieben - hope that helps!

Gruß,
Konstantin

<html>
<head>
<script>
var Zutaten = new Object();
function toggleZutat(checkbox) {
  if(checkbox.checked) {
    Zutaten[checkbox.name] = parseFloat(checkbox.value);
  }
  else {
    Zutaten[checkbox.name] = null;
  }
  showZutaten();
}

function showZutaten() {
  var zutat;
  var price = 0.0;
  var arr = new Array();
  for(Zutat in Zutaten) {
    if(Zutaten[Zutat]) {
   arr[arr.length] = Zutat;
   price+=Zutaten[Zutat];
   }
  }

if(arr.length>0) {
    document.getElementById("Zutaten").innerHTML = "Ausgew&auml;hlte Zutaten: " + arr.join(", ") + " (&euro; " + price + ")";
  }
  else {
    document.getElementById("Zutaten").innerHTML = "Keine Zutaten ausgew&auml;hlt"
  }
}

</script>
</head>
<body>
<table>
<tr>
  <td width="66">
    <input type="checkbox" name="Knoblauch" value="0.5" onclick="toggleZutat(this);">
  </td>
  <td width="144"><font size="4">Knoblauch</font></td>
  <td width="126"><font size="4">&euro; 0,50</font></td>
</tr>

<tr>
  <td width="66">
    <input type="checkbox" name="Salami" value="0.5" onclick="toggleZutat(this);">
  </td>
  <td width="144"><font size="4">Salami</font></td>
  <td width="126"><font size="4">&euro; 0,50</font></td>
</tr>

<tr>
  <td width="66">
    <input type="checkbox" name="Meeresfr&uuml;chte" value="1.0" onclick="toggleZutat(this);">
  </td>
  <td width="144"><font size="4">Meeresfr&uuml;chte</font></td>
  <td width="126"><font size="4">&euro; 1,00</font></td>
</tr>

<tr>
  <td width="66">
    <input type="checkbox" name="Shrimps" value="1.5" onclick="toggleZutat(this);">
  </td>
  <td width="144"><font size="4">Shrimps</font></td>
  <td width="126"><font size="4">&euro; 1,50</font></td>
</tr>

</table>
<div id="Zutaten"></div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln