Estoy resumiendo el atributo de precio de datos para varios botones de opción y luego intento insertar el resultado en un campo de entrada oculto.

Puedo resumir los datos de precio dentro del span en mi HTML, pero no puedo hacer que se inserte en la entrada oculta...

¿Debo combinar ambos scripts? y si es así, ¿cómo haría esto?

Aquí está mi HTML para referencia...

 <input type="radio" style="display:none;" id="cdjs" data-price="90" value="2BA" name="prod"> <label for="cdjs"> <img src="../../images/prod1.png" style="width:42px;"> <p>Product 1</p> </label> <span id="price"></span> <input type="hidden" id="hiddenprice" name="price" value=''>

Aquí está mi script que resume el precio de los datos.

 function calcPrice() { var price = 0; $("input[type=radio][data-price]:checked").each(function(i, el) { price += +$(el).data("price"); }); $("#price").text(price); } $("input[type=radio]").on("change", calcPrice); calcPrice();

y aquí está mi script que debería insertar el resultado en la entrada oculta.

 $(function() { $('input').change(function() { var checked = $(this).find('input[type=radio]:checked'); $('#price').html(checked.data('price')); $('#hiddenprice').val(checked.data('price')); }).change(); });