如何将数据价格汇总并将其插入隐藏的输入中？

Question

我将多个无线电按钮的数据价格属性总结，然后尝试将结果插入隐藏的输入字段中。

我能够在HTML中总结span中的价格数据，但是我只是无法将其插入隐藏的输入...

我应该结合两个脚本吗？如果是这样，我该怎么做？

这是我的HTML供参考...

<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=''>

这是我的脚本总结数据价格..

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

这是我的脚本，应该将结果插入隐藏的输入中。

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