关于javascript 计算radio的值的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function countMoney(oValue){
var sum=0;
var oRad = document.getElementsByTagName('input');for(var i=0;i<oRad.length;i++){
if(oRad[i].checked==true&&oRad[i].type=="radio"){
sum+=parseFloat(oRad[i].value);
}
} document.getElementById('total').innerText = sum;
}
</script>
</head>
<body>
<table>
<tr align="left" valign="middle" bgcolor="#F3F4F1"> 
                       <td height="25" colspan="2"> 
                       <strong>内存条 </strong>                                              
                       </td> 
                     </tr> 
                     
                     <tr align="left" valign="middle"> 
                       <td height="25"> 
                       <input type="radio" id ="brandname" name="内存条" value="143.0" onClick="countMoney(this.value)"/> 
                     金士
                       </td> 
                       <td height="25">143.0 </td> 
                     
                     
                     <tr align="left" valign="middle"> 
                       <td height="25"> 
                       <input type="radio" id ="brandname" name="内存条" value="120.0" onClick="countMoney(this.value)"/> 
                     黑金
                       </td> 
                       <td height="25">120.0 </td> 
                     
                     
                     <tr align="left" valign="middle" bgcolor="#F3F4F1"> 
                       <td height="25" colspan="2"> 
                       <strong>主板 </strong>                                              
                       </td> 
                     </tr> 
                     
                     <tr align="left" valign="middle"> 
                       <td height="25"> 
                       <input type="radio" id ="brandname" name="主板" value="800.0" onClick="countMoney(this.value)"/> 
                     qq 
                       </td> 
                       <td height="25">800.0 </td> 
                 
                     
                     <tr align="left" valign="middle"> 
                       <td height="25"> 
                       <input type="radio" id ="brandname" name="主板" value="589.0" onClick="countMoney(this.value)"/> 
                     技嘉 
                       </td> 
                       <td height="25">589.0 </td> 
                     </tr> 
 </table>                      <span class="hongzi" id="total">价格：XXX  </span>
</body></html>

解决方案 »

  1.   

    这个实现起来应该很容易,
    不过lz 可能对一些WEB规则不是很熟悉把:
    1.radio一般多数用来实现单选的,复选多选checkbox是不错的选择
    2.在一个hTML文档中,id是每个元素的唯一标示,没有多个元素公用一个ID的说法.实现多个可以通过name来取大概答案:<span class="hongzi">总价格：<span id="val">XXX</span>  </span>
    function countMoney(_this)
    {
     if(_this.checked)
     {
       document.getElementById('val').innerHTML = parseFloat(document.getElementById('val').innerHTML) + _this.value;
     }
    }