javascript - 根据选中的单选按钮计算总计

Question

我正在使用 html 和 javascript。

下面是html代码

       1.  &nbsp Gestational age in weeks  &nbsp
         <input type="radio" name="Gestational_age" value="0-27"     onclick='Gestational(this);'/>0-27
         <input type="radio" name="Gestational_age" value="28-31" onclick='Gestational(this);'/>28-31
         <input type="radio" name="Gestational_age" value=">32" onclick='Gestational(this);' />32
         <br>

Javascript代码是

 function Gestational(obj)
 {
   var radios = document.getElementsByName('Gestational_age');

   for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
    if(radios[i].value==="0-27")
   {
   var temp = parseInt(9);
}
else if(radios[i].value==="28-31")
    {
      var temp= parseInt(8);
    }
else if(radios[i].value===">32")   
{
  var temp= parseInt(0); 
}
  document.getElementById("Total").value = parseInt(document.getElementById("Total").value) +    temp;
}
   }
 }

我需要根据选择的单选按钮值更改“总计”字段，并且我正在使用“+”加号，因为我还有其他单选按钮问题需要添加并最终打印总计。截至目前，它在同一范围内添加值单选按钮设置，但我需要根据所选单选按钮更改“总计”值，然后添加新值并减去以前的值。

请帮忙

Answer 1

使用.innerHTML而不是.value

 document.getElementById("Total").innerHTML = parseInt(document.getElementById("Total").innerHTML) +    temp;

工作演示在这里

Answer 2

这对我有用，我认为您的主要问题是使用“.value”引用而不是“.innerHTML”...

1.  &nbsp Gestational age in weeks  &nbsp
     <input type="radio" name="Gestational_age" value="0-27"     onclick='Gestational(this);'/>0-27
     <input type="radio" name="Gestational_age" value="28-31" onclick='Gestational(this);'/>28-31
     <input type="radio" name="Gestational_age" value=">32" onclick='Gestational(this);' />32
     <br>

注意：当用户点击一个单选按钮时，它会被选中，而所有其他同名的单选按钮都会被取消选中。

 function Gestational(obj){
     var radios = document.getElementsByName('Gestational_age');
     console.log(radios)
     for (var i = 0, length = radios.length; i < length; i++) {
         if (radios[i].checked) {
         if(radios[i].value==="0-27"){
             var temp = parseInt(9);
         }
         else if(radios[i].value==="28-31"){
             var temp= parseInt(8);
         }
         else if(radios[i].value===">32"){
             var temp= parseInt(0); 
         }
         document.getElementById("Total").innerHTML =      parseInt(document.getElementById("Total").innerHTML) +    temp;
         }
     }
 }