Question

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

我想将第二组的单选按钮更改为复选框，用户可以从第2组中选择多个选项，它应该添加从第1组中选择的一个单选按钮值和通过第二组中的复选框选择的一个或多个值，但是它只添加一个复选框值。请检查我的测试网址以了解问题。此外，我想将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);
});

使用radio和checkbox从第2组和第1组添加多个值

2 个答案: