Значения переключателей SUM и значения флажков в одном расчете - javascript и html

Я пытаюсь рассчитать значения переключателей и флажков. У меня есть переключатели, работающие как требуется, но я не могу правильно настроить скрипт для флажков. Я хочу, чтобы флажки имели промежуточный итог (который работает нормально), а затем добавили этот промежуточный итог к вычислению переключателей. Ниже то, что я имею до сих пор. Мы ценим любые предложения. Благодарю.

Header 1
    <p>Radio 1</p>
    <p>Radio 2</p>
    <p>Radio 3</p>
                    




Header 2
    <p>Radio 1</p>
    <p>Radio 2</p>
                             




Header 3
    <p>Radio 1</p>
    <p>Radio 2</p>
    <p>Radio 3</p>
      



    <p>Check 1</p>
    <p>Check 2</p>
    <p>Check 3</p>


<br>

    Sub Total:&nbsp;



    var total = document.getElementById("price4")
    function clickCh(caller){
    if(caller.checked){
    add(caller)
    } else {
    subtract(caller)
    }
    }
    function add(caller){   total.value = total.value*1 + caller.value*1}
    function subtract(caller){  total.value = total.value*1 - caller.value*1}



<p>Value$:
</p>


function DisplayPrice(price){
    var val1 = 0;
    for( i = 0; i < document.form1.price.length; i++ ){
        if( document.form1.price[i].checked == true ){
            val1 = document.form1.price[i].value;
        }
    }

    var val2 = 0;
    for( i = 0; i < document.form2.price2.length; i++ ){
        if( document.form2.price2[i].checked == true ){
            val2 = document.form2.price2[i].value;
        }
    }

    var val3 = 0;
    for( i = 0; i < document.form3.price3.length; i++ ){
        if( document.form3.price3[i].checked == true ){
            val3 = document.form3.price3[i].value;
        }
    }

    var val4 = 0;
    for( i = 0; i < document.form4.price4.length; i++ ){
            val4 = document.form4.price4[i].value;
        }

    var sum=parseInt(val1) + parseInt(val2) + parseInt(val3) + parseInt(val4);
    document.getElementById('valueTotal').value=sum;
}