Voor een school projectje ben ik bezig met een klein programmatje waarbij checkboxes aangeklikt kunnen worden.
Iedere checkbox heeft een waarde, deze staat in het titel attribute van de label die bij de checkbox hoort.
Nu moet er in een aparte div die standaard op 0 staat de waardes van de checkboxes worden opgeteld.
Ik probeerde hiervoor de volgende jQuery te gebruiken:
$(".pricing_table input[type='checkbox']").change(function () {
if($(this).is(":checked")) {
var thisPrice = $(this).parent().find("label").attr("title");
var priceElement = $(this).parent().parent().parent().find(".price");
var currentPrice = priceElement.find("span").html();
var totalPrice = currentPrice += thisPrice;
priceElement.find("span").html(totalPrice);
} else {
}
});
Echter zit dit de waardes telkens achter elkaar en telt hij ze niet op.
Op geen enkele manier heb ik dit zelf kunnen oplossen.
Dus ik begon te googlen en kwam eigenlijk op vrij weinig uit.
Het enige wat ik had gevonden had betrekking op parseInt en parseFloat (wat voor mij volgens mij weinig nut heeft aangezien ik niet met komma getallen werk).
Iemand enig idee hoe ik dit kan oplossen?
Mijn HTML ziet er als volgt uit:
<div class="pricing_table">
<ul>
<li><input type="checkbox" name="test" id="test"> <label for="test" title="5"><span></span>Lorum ipsum dolor sit amet</label></li>
<li><input type="checkbox" name="test2" id="test2"> <label for="test2" title="10"><span></span>Lorum ipsum dolor sit amet</label></li>
<li><input type="checkbox" name="test3" id="test3"> <label for="test3" title="10"><span></span>Lorum ipsum dolor sit amet</label></li>
<li><input type="checkbox" name="test4" id="test4"> <label for="test4" title="15"><span></span>Lorum ipsum dolor sit amet</label></li>
</ul>
<div class="price">Uw prijs: €<span>0</span></div>
</div>
Als jullie meet informatie hierover voor mij hebben of oplossingen hoor ik dit graag.
Bij voorbaat dank!
