计算总数按照选定的单选按钮

Question

我正在使用html和javascript。

S以下的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> 

Javscript代码

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; 
} 
    } 
} 

我需要的“总计”字段更改为按选择的单选按钮值，我使用“+”加，因为我有其他的单选按钮问题，我需要添加和atlast打印total.As现在它在相同的单选按钮集内添加值，但我需要“总”值改变按照选定的单选按钮，然后添加新值并减去以前的值。

请帮

Answer 1

这对我的作品，我觉得你的主要问题是使用“.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; 
     } 
    } 
} 

Answer 2

.innerHTML代替.value

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

工作演示here