使用单选框和复选框从第二组添加多个值，从第一组添加一个值[关闭]

Question

我在my test website 使用了来自this post 的html 和javascript 代码。

我想将单选按钮从第二组更改为复选框，其中用户可以从组 2 中选择多个选项，它应该添加从组 1 中选择的单选按钮的一个值以及通过第二组中的复选框选择的一个或多个值，但是它只添加一个复选框值。 请检查我的测试 URL 以了解问题。 此外，我想放置 Paypal 代码以支付总金额，我应该将其放置在哪里。 如果将来我想拥有三个小组，那该怎么办。 请为此花点时间。我是 JavaScript 新手。

Answer 1

$('#b1').click(function () {
var total = 0;
$("input[type=radio]:checked").each(function () {
    total += parseFloat($(this).val());
});
$('input[type="checkbox"]:checked').each(function () {
     total += parseFloat($(this).val());
});
$("#totalSum").val(total);

});

Answer 2

DEMO

$('#b1').click(function () {
    var total = 0;
    $("input[type=radio]:checked").each(function () {
        total += parseFloat($(this).val());
    });
    $('input[type="checkbox"]:checked').each(function () {
         total += parseFloat($(this).val());
    });
    $("#totalSum").val(total);
});

DEMO

$('input[type="checkbox"],input[type=radio]').change(function () {
    var total = 0;
    $("input[type=radio]:checked").each(function () {
        total += parseFloat($(this).val());
    });
    $('input[type="checkbox"]:checked').each(function () {
         total += parseFloat($(this).val());
    });
    $("#totalSum").val(total);
});