[Round]

Требуется помощь.

Пытаюсь разобраться в js и начал изучать совсем недавно.

Нужно написать простой калькулятор который будет суммировать value из разных групп radio и выводить в документ "на лету" - определяя checked кнопок.

Условие - кнопки в форму подгружаются динамически в процессе onload страницы, и их количество может быть разным, как и количество групп кнопок может быт разным.

Что то подобное видел на сайте apple на странице выбора конфигурации гаджета.

Написал простенькую форму и попытался к ней написать скрипт, но так ничего и не заработало.

Вот то что лежит в body...

<div>калькулятор</div><br/> 

<form name="radioForm" onclick="getRadioGroupValue(this)">

<input type="radio" name="group1" value="0">z<br>
<input type="radio" name="group1" value="1">a<br>
<input type="radio" name="group1" value="2">b<br>
<input type="radio" name="group1" value="3">c<br>
<input type="radio" name="group1" value="4">d<br>
<br>
<input type="radio" name="group2" value="10">d<br>
<input type="radio" name="group2" value="20">f<br>
<input type="radio" name="group2" value="30">g<br>
<input type="radio" name="group2" value="40">h<br>
<br>
</form>

<SCRIPT LANGUAGE="JavaScript"> 
function getRadioGroupValue(radioGroupObj)
{
  for (var i=0; i < radioGroupObj.length; i++)
    if (radioGroupObj[i].checked) return radioGroupObj[i].value;

  return null;

var v1 = getRadioGroupValue(document.radioForm.group1);

var v2 = getRadioGroupValue(document.radioForm.group2);

var total= 1000+v1+v2;
  
document.getElementById("result").innerHTML=total;
}
</SCRIPT> 

<div id="result">0</div>

Прошу ткнуть в ошибку и разьяснить - что именно напутал.