根据选中的单选按钮计算Total As

Calculating the Total As per the radio button selected

本文关键字:计算 Total As 单选按钮      更新时间:2023-09-26

我正在使用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;
}
   }
 }

我需要"TOtal"字段根据所选择的单选按钮值进行更改,并且我使用"+"+,因为我有其他单选按钮问题,我需要添加并最后打印总数。到目前为止,它在同一单选按钮集中添加值,但我需要"Total"值根据所选的单选按钮进行更改,然后添加新值并减去前一个值。

请帮

这适用于我,我认为你的主要问题是使用一个"。

1.&nbsp;&nbsp;&nbsp Gestational age in weeks&nbsp;&nbsp;&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;
         }
     }
 }

.innerHTML代替.value

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

工作演示在这里