如何解决根据选定的单选按钮动态更新总计
我试图保持一个运行号总数，该数字根据选定的单选按钮进行更新。有许多单选按钮组必须共同动态更新总数。这是我尝试过的一种代码变体的示例。 _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 举报，一经查实，本站将立刻删除。