폼 계산기 스크립트 기본 가격로드되지 않음 OnLoad

Question

나는 내 드롭 다운 옵션 선택을 계산하기 위해 양식에 계산기를 가지고 있습니다.

<span id="item-price">0</span> 

문제는, 내가 페이지에서 얻을 그러나 때, 60에서 baseprice이 자사의 제로 :

$(function() { 
    $("select.calculate").on("change", calc); 
    $("input[type=checkbox].calculate").on("click", calc); 

    function calc() { 
    var basePrice = 60; 
    newPrice = basePrice; 
    $("select.calculate option:selected, input[type=checkbox].calculate:checked").each(function() { 
     newPrice += parseInt($(this).data('price'), 10); 
    }); 

    newPrice = newPrice.toFixed(2); 
    $("#item-price").html(newPrice); 
    $("#item_price_val").val(newPrice); 

    } 
}); 

및 HTML에

같이 내가 가지고있는 번호를 얻을 수 있습니다. 내가 선택을 할 때만 가격이 올라갈거야. 페이지로드시 처음부터 baseprice를 표시하려면 어떻게합니까?

기본 가격으로 시작해야하므로 선택하지 않아도되므로 제출 양식을 클릭하면 60 달러 대신 0 달러가 제출됩니다.

Answer 1

var basePrice = 60; 
$(document).ready(function() { 
$("select.calculate").on("change", calc); 
$("input[type=checkbox].calculate").on("click", calc); 
$("#item-price").html(basePrice); 
$("#item_price_val").val(basePrice); 
}); 
function calc() { 
newPrice = basePrice; 
$("select.calculate option:selected,input[type=checkbox].calculate:checked").each(function() { 
    newPrice += parseInt($(this).data('price'), 10); 
}); 
newPrice = newPrice.toFixed(2); 
$("#item-price").html(newPrice); 
$("#item_price_val").val(newPrice); 
} 

코드의 업데이트 된 버전을 사용하십시오.