Как я могу сократить этот код JavaScript?

Я новичок в JavaScript. Мне нужна функция, которая добавляет значение всех трех групп переключателей, выбранных, как показано на прикрепленном изображении. См. Изображение ниже. Я пробовал код, показанный ниже.

Так выглядят варианты выбора

      function nodisplay(){

        // getting the values of all radio buttons using id

        var opt1 = document.getElementById("option1");
        var opt2 = document.getElementById("option2");              
        var opt3 = document.getElementById("option3");              
        var opt4 = document.getElementById("option4");              
        var opt5 = document.getElementById("option5");              
        var opt6 = document.getElementById("option6");              
        var opt7 = document.getElementById("option7");
        var opt8 = document.getElementById("option8");
        var opt9 = document.getElementById("option9");
        var opt10 = document.getElementById("option10");
        var drap = document.getElementById("totally");

// добавляем все параметры, которые выбраны в данный момент, и вывод помещается в другой div

        if (opt1.checked){
          drap.innerHTML = parseInt(opt1.value);

        } if (opt1.checked && opt3.checked){
          drap.innerHTML = parseInt(opt1.value) + parseInt(opt2.value);

        }if (opt1.checked && opt3.checked && opt8.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt3.value) + parseInt(opt8.value); 

         }if (opt1.checked && opt4.checked && opt8.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt4.value) + parseInt(opt8.value);

         } if (opt1.checked && opt5.checked && opt8.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt5.value) + parseInt(opt8.value);

         } if (opt1.checked && opt6.checked && opt8.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt6.value) + parseInt(opt8.value);

         } if (opt1.checked && opt7.checked && opt8.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt7.value) + parseInt(opt8.value);

         } if (opt1.checked && opt3.checked && opt9.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt3.value) + parseInt(opt9.value); 

         } if (opt1.checked && opt4.checked && opt9.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt4.value) + parseInt(opt9.value);

         } if (opt1.checked && opt5.checked && opt9.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt5.value) + parseInt(opt9.value);

         } if (opt1.checked && opt6.checked && opt9.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt6.value) + parseInt(opt9.value);

         } if (opt1.checked && opt7.checked && opt9.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt7.value) + parseInt(opt9.value);

         } if (opt1.checked && opt3.checked && opt10.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt3.value) + parseInt(opt10.value); 

         } if (opt1.checked && opt4.checked && opt10.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt4.value) + parseInt(opt10.value);

         } if (opt1.checked && opt5.checked && opt10.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt5.value) + parseInt(opt10.value);

         } if (opt1.checked && opt6.checked && opt10.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt6.value) + parseInt(opt10.value);

         } if (opt1.checked && opt7.checked && opt10.checked){
            drap.innerHTML = parseInt(opt1.value) + parseInt(opt7.value) + parseInt(opt10.value);

         }

      }

    </script>

Я думаю, что сохранение всех выбранных значений переключателей в массиве с последующим добавлением последующих элементов массива на основе выбора будет работать, но я не знаю, как это выполнить. Вот и HTML-код

 <div class = "radio">
  <input type = "radio" id = "option1" name = "optradio" onchange = "nodisplay()" value = "3000">   <label> Gallery Wrap </label>   </div>


 <div class = "radio">   <input type = "radio" id = "option3" value = "700" name = "optradio2" onclick = "nodisplay()"> <label>20x16 </label>  </div>

<div class = "radio">  <input type = "radio" id = "option4" value = "900" name = "optradio2" onclick = "nodisplay()"> <label>24x19   </label>   </div>

<div class = "radio">   <input type = "radio" id = "option5" value = "1150" name = "optradio2" onclick = "nodisplay()"> <label>30x24 </label> </div>

 <div class = "radio">   <input type = "radio" id = "option6" value = "2340" name = "optradio2" onclick = "nodisplay()"> <label>36x29 </label>  </div>