CODEWITHSUNDEEP
javascriptjquery
Lynx
Lynx

Reputation: 1482

Data-price error with trailing zero's

I have a simple jquery script that allows users to see total prices for the services they select on a form via checkboxes.

The price calculator is simple and works alright. However, whenever there is a trailing zero on the end of a price (ex. 14.90) it does not calculate and instead concats to the end of the price (rather it's default or other prices are selected). Is there another method to use in this situation?

Here is the issue:

https://jsfiddle.net/tn5xtfss/

var base_price = 0;



function CalculatePrice() {
    var base_cost = base_price;
    $(".quote--price:checked").each(function() {
        base_cost += $(this).data("price");
    });

    $("#final_price").text(base_cost);
}

CalculatePrice();

$(".quote--price").click(function() {
    CalculatePrice();
});

Upvotes: 1

Views: 56

Answers (1)

madalinivascu
madalinivascu

Reputation: 32354

Parse your number

 base_cost += parseFloat($(this).data("price"));

demo

Upvotes: 2

Related Questions