根据选定的单选按钮动态更新总计

问题描述

我试图保持一个运行号总数，该数字根据选定的单选按钮进行更新。有许多单选按钮组必须共同动态更新总数。这是我尝试过的一种代码变体的示例。 _totscore是全局定义的

任何想法都值得赞赏。

<tr>
        <td>14</td>
        <td colspan="2">Pendant la journée,est-ce que votre enfant reste éveillé une ou plusieures heures consécutives ?</td>
        <td>
          <input type="radio" name="q-mo_asqse2_2_14" id="q-mo_asqse2_2_14_often" value="0"><span
                                                 class="text-hide">Oui</span>
          </td>
          <td>
         <input type="radio" name="q-mo_asqse2_2_14" id="q-mo_asqse2_2_14_sometimes" value="5"><span
                                                class="text-hide">Parfois</span>
         </td>
         <td>
             <input type="radio" name="q-mo_asqse2_2_14" id="q-mo_asqse2_2_14_rarely" value="10"><span class="text-hide">Pas encore</span>
         </td>
         <td>
             <input type="radio" name="q-mo_asqse2_2_14_concerned" id="q-mo_asqse2_2_14-concerned" 
                  value="concerned"><span class="text-hide">Pas encore</span>
         </td>
       <script>
         var lastVal = 0;
         var radios = document.querySelectorAll('input[type=radio][name="q-mo_asqse2_2_14"]');
             radios.forEach(radio => radio.addEventListener('click',() => {
                    _totscore += radio.value; 
                    lastVal = radio.value;
                    if (radio.value != lastVal) {
                      _totscore = parseInt(_totscore) - parseInt(lastVal);
                    } 
                     console.log("_totscore = ",_totscore);
                     console.log("lastVal = ",lastVal);
              }));
             </script>
           </tr>
    <tr>
       <td>15</td>
       <td colspan="2">Est-ce que votre enfant dort aumoins 10 heures sur une période de 24 heures ?</td>
       <td><input type="radio" name="q-mo_asqse2_2_15" id="q-mo_asqse2_2_15_often" value="0"><span
           class="text-hide">Oui</span>
       </td>
       <td><input type="radio" name="q-mo_asqse2_2_15" id="q-mo_asqse2_2_15_sometimes" value="5"><span
             class="text-hide">Parfois</span>
       </td>
       <td><input type="radio" name="q-mo_asqse2_2_15" id="q-mo_asqse2_2_15_rarely" value="10"><span
                                                class="text-hide">Pas encore</span>
       </td>
       <td><input type="radio" name="q-mo_asqse2_2_15_concerned" id="q-mo_asqse2_2_15-concerned" 
     value="concerned"><span class="text-hide">Pas encore</span>
       </td>
       <script>
          var lastVal = 0;
          var radios = document.querySelectorAll('input[type=radio][name="q-mo_asqse2_2_15"]');
             radios.forEach(radio => radio.addEventListener('click',() => {
          _totscore = parseInt(_totscore) - parseInt(lastVal);
          _totscore += radio.value; 
          lastVal = radio.value;
          console.log("_totscore = ",_totscore);
          console.log("lastVal = ",lastVal);
         }));
         </script>
        </tr>
    
        ...
      
    
    <tfoot>
        <tr>
          <td>TOTAL</td>               
          <td colspan="3">POUR LA COMMUNICATION</td>
          <td>
            <p id="totSOT"></p>
          </td>
          <script type="text/javascript">
                document.body.addEventListener('change',function () {
                  document.getElementById("totSOT").innerHTML = parseInt(_totscore); 
               });
          </script>
       </tr>
     </tfoot>
        

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）