jquery - ラジオとチェックボックスを使用して、グループ 2 から複数の値を追加し、グループ 1 から 1 つを追加します

Question

テスト Web サイトで、この投稿のhtml と JavaScript コードを使用しました。

ユーザーがグループ2から複数のオプションを選択できるように、ラジオボタンを2番目のグループからチェックボックスに変更したいのですが、グループ1から選択したラジオボタンの1つの値と、グループ2のチェックボックスで選択した1つ以上の値を追加する必要がありますが、追加していますチェックボックスの値は 1 つだけです。問題を理解するには、私のテスト URL を確認してください。また、合計金額を支払うためのPaypalコードを、配置する必要がある場所に配置したいと考えています。将来的に 3 つのグループを持ちたい場合は、どうすればよいですか。少々お時間をください。私は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);
});

デモ

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