Calculadora de formularios Precio de la base de comandos que no se carga

Tengo un calibrador en mi formulario para calcular mis opciones de opciones desplegables.

$(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); } }); 

y en html para obtener el número lo tengo como:

 0 

El problema es que tengo el precio base en 60, sin embargo, cuando llego a la página, es cero. Solo cuando haga las selecciones subirá el precio. ¿Cómo consigo que aparezca el precio base desde el principio en la carga de la página?

Necesito que comience como precio base ya que esas selecciones no son necesarias, así que si no las elijo, haré clic en enviar formulario y enviará cero dólares en lugar de 60 dólares.

  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); } 

Por favor, use una versión actualizada de su código.