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

时间:2017-03-08 00:26:00

标签: javascript jquery checkbox radio-button

所以我花了很多时间研究动态预订表格。我设法让隐藏和显示功能按我的意愿工作,并且值根据所选的单选按钮而改变。对于下一步,我想计算值。但我想首先展示收音机的价值。然后,当用户选中复选框时,将每个选中复选框的值添加到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选择的值。

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

我希望这不要混淆,并提前感谢您对我的问题提供任何帮助。

1 个答案:

答案 0 :(得分:1)

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

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