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

Question

因此，我花了很多时间来制作动态预订表单。我设法让隐藏和显示功能按我想要的方式工作，并且值根据所选的单选按钮而变化。对于下一步，我想计算这些值。但我想首先展示 radio 的值(value)。然后，当用户选中某个复选框时，将每个选中的复选框的值添加到 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 选择更改值，并且还会隐藏 bundle 中已包含的产品的复选框。

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

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

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

Answer 1

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

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