根据所选的单选按钮计算总计As

时间:2013-03-17 07:46:33

标签: javascript html5

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

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

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

请帮忙

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

使用.innerHTML代替.value

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

工作演示here