フォーム電卓スクリプトベース価格がロードされていませんオンロード

Question

私は私のドロップダウンオプションの選択肢を計算するために私のフォームにカリキュレータを持っています。

$(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内の数字を出すために、私はそれを持っているとして：

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

問題は、私はページ上の取得しかしときに私は、60でそのゼロをbasepriceを持っている、です。私が選択したときだけ、価格は上がるでしょう。どのように私はページの負荷で最初から表示する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); 
} 

コードの最新バージョンを使用してください。