validating multiple radiobuttons with javascript

roshanjameer

i want to know how to validate multiple set of radiobuttons.for example
1.item A
a.item1-$100
b.item2-$200
c.item3-$300

2.item B
a.item4-$200
b.item5-$300
c.item6-$400

3.item C
a.item7-$10
b.item8-$20
c.item9-$30

when item1 of itemA is clicked its value should be displayed in one textbox and when 3 items had been selected from three sets of radio buttons its total value should be displayed in same textbox like this.how to do it please help me.

mrjameer

greenie2600

This isn't a PHP question. Please move to the client-side technologies forum.

ragedigital

There's probably a lot easier way to do it, but here you go:

<html>
<head>
<title></title>

<script language="javascript">

function addItems()
    {
    for (var i=0; i < document.testForm.item1.length; i++)
       {
       if (document.testForm.item1[i].checked)
          {
          var val1 = document.testForm.item1[i].value;
          }
       }

for (var i=0; i < document.testForm.item2.length; i++)
   {
   if (document.testForm.item2[i].checked)
      {
      var val2 = document.testForm.item2[i].value;
      }
   }

for (var i=0; i < document.testForm.item3.length; i++)
   {
   if (document.testForm.item3[i].checked)
      {
      var val3 = document.testForm.item3[i].value;
      }
   }

var totalCalc = parseInt(val1)+parseInt(val2)+parseInt(val3);

document.testForm.total.value = totalCalc;


}

</script>

</head>
<body >

<form name='testForm'>

Item A:<BR>
<input checked type='radio' name='item1' value=100 onclick='addItems();'>$100<BR>
<input type='radio' name='item1' value=200 onclick='addItems();'>$200<BR>
<input type='radio' name='item1' value=300 onclick='addItems();'>$300<BR><BR>

Item B:<BR>
<input checked type='radio' name='item2' value=200 onclick='addItems();'>$200<BR>
<input type='radio' name='item2' value=300 onclick='addItems();'>$300<BR>
<input type='radio' name='item2' value=400 onclick='addItems();'>$400<BR><BR>

Item C:
<input checked type='radio' name='item3' value=10 onclick='addItems();'>$10<BR>
<input type='radio' name='item3' value=20 onclick='addItems();'>$20<BR>
<input type='radio' name='item3' value=30 onclick='addItems();'>$30<BR><BR>

<input type='text' name='total' value='0' size='12'>

</form>


</body>
</html>

ragedigital

You can play with it here: http://www.ragedigital.com/phpBuilder/roshanjameer_javascript.php