除非选中复选框，否则显示第一个值，然后计算

Question

所以我花了很多时间处理动态预订表单。我设法让隐藏和显示功能按我的意愿工作，并且值根据选择的单选按钮而变化。对于下一步，我想计算这些值。但我想首先显示收音机的价值。然后当用户选中一个复选框时，将每个选中复选框的值添加到 Radio 的值中。我设法获得了添加所有复选框并将其添加到单选值的功能。

        var sum1;
    $('input[name=price]').change(function() {
        sum1 = $('input[name=price]:checked').val();
    });
    $('input[name=custompak]').change(function() {
        var sum2 = 0;
        $('input[name=custompak]:checked').each(function() {
        sum2 += parseInt($(this).prop('value'));
    });
      document.getElementById('finalprice').innerHTML = parseInt(sum1) + parseInt(sum2);
    });

这是完整表单的 JSFiddle： https://jsfiddle.net/mullern/2cr91vvq/2/

仅供参考，JS 代码的其余部分会根据 Customertype 选择更改值，并且它还会隐藏捆绑包中已包含的产品的复选框。

我的目标是在选中一个时显示在 radiogroup 中显示的包的价格。然后，当一个或多个复选框被选中时，该值将添加到 radiogroup 选择的值中。

在旁注中，我也无法弄清楚如何在页面加载时显示值，以便用户在打开联系表单时看到默认选择值。

我希望这不会令人困惑，并提前感谢您对我的问题的任何帮助。

Answer 1

看看这个 [fiddle][1]，尝试点击包下的单选按钮。您假设在点击事件上编写代码。我还尝试通过调用方法来最小化你的代码，检查第 13 到 22 行。

 [1]: https://jsfiddle.net/2cr91vvq/3/