jquery - 使用单选和复选框从第二组添加多个值，从第一组添加一个值

Question

我在我的测试网站上使用了这篇文章中的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

演示

$('#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);
});

演示

$('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);
});