js сумма значений поля выбора по группам строк

#javascript #django #django-templates

Вопрос:

Мой шаблон:

 <form method="post">{% csrf_token %}
  <div class="row">
        <div class="col-md-8">
            <div class="row">
                  <div class="col">
                    <h7 style="font-weight:bold;">Market trend</h7>
                  </div>
                <div class="center">
                  <input class="speech-bubble" value="0" id="marklRate" name="markRate">
                </div>
            </div>
           <div class="form-row border">

                <div class="form-group col-md-2 mb-0" name="market-1">
                 {{ form.cycleMarket|as_crispy_field }}
                </div>
                <div class="form-group col-md-2 mb-0" name="market-2">
                  {{ form.news|as_crispy_field }}
                </div>
                <div class="form-group col-md-3 mb-0" name="market-3">
                  {{ form.managementPostion|as_crispy_field }}
                </div>
                <div class="form-group col-md-2 mb-0" name="market-4">
                {{ form.short|as_crispy_field }}
                </div>
            </div>
          <br>
           <div class="row">
                  <div class="col">
                       <h7 style="font-weight:bold;">Analysts advice</h7>
                  </div>
                <div class="center">
                  <input class="speech-bubble" value="0" id="analRate" name="analRate">
                </div>
            </div>
              <div class="form-row border" >
                <div class="form-group col-md-3 mb-0" target="_blank" rel="noopener noreferrer" name="analyst-1">
                  {{ form.BARCHART_analysts|as_crispy_field }}
                  <a href="https://www.barchart.com/stocks/quotes/{{ stck.codeBarchart }}/overview" target="_blank" rel="noopener noreferrer">Go to Barchart</a>
                </div>
                <div  class="form-group col-md-4 mb-0" target="_blank" rel="noopener noreferrer" name="analyst-2">
                  {{ form.TRADINGVIEW_analysts|as_crispy_field }}
                  <a href="https://www.tradingview.com/symbols/{{ stck.codeTradingviews }}" target="_blank" rel="noopener noreferrer">Go to Tradview</a>
                </div>
                <div class="form-group col-md-3 mb-0" target="_blank" rel="noopener noreferrer" name="analyst-3">
                  {{ form.INVESTING_analysts|as_crispy_field }}
                  <a href="https://www.investing.com/{{ stck.codeInvesting }}" target="_blank" rel="noopener noreferrer">Go to Investing</a>
                </div>
              </div>
            <br>
 

На странице загрузки я хочу рассчитать каждое значение речевого пузыря . расчет-это некоторые значения выбранных полей, которые находятся в одной строке класса.
Для этого примера : скорость идентификации речевого пузыря должна быть равной некоторым значениям рынка-1, рынка-2, рынка-3, рынка-4. Код должен быть выполнен только в выбранных полях (чтобы избежать вычисления в текстовых полях).