Milcoi
asked on
display and sum radio value
Hi,
I'm trying to make a form with radio buttons that contain nummeric values.
After selecting a radio button the value should appear below
Then after hit the button it should calculate (sum) the values.
Problem is that the top selection is not working properly and after hit the button it won't calculate.
<html>
<head>
<script>
function toTaal()
{
A1=document.form1.A1.value
A2=document.form1.B1.value
document.form1.total.value
}
</script>
<script language="JavaScript">
function subFormA()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=5; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.form1.A1.value=(r
}
}
function subFormB()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=5; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.form1.B1.value=(r
}
}
</script>
</head>
<body><form id="form1" name="form1" method="post">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input name="A" type="radio" value="0" onClick="subFormA()"/>
test0 </td>
</tr>
<tr>
<td><input name="A" type="radio" value="1" onClick="subFormA()"/>
test1</td>
</tr>
<tr>
<td><input name="A" type="radio" value="2" onClick="subFormA()"/>
test2</td>
</tr>
<tr>
<td><input name="A" type="radio" value="3" onClick="subFormA()"/>
test3</td>
</tr>
<tr>
<td><input name="A" type="radio" value="4" onClick="subFormA()"/>
test4</td>
</tr>
<tr>
<td>totaal
<input name="A1" type="text" id="A1" value=""/></td>
</tr>
</table>
<br />
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="B" type="radio" value="0" onClick="subFormB()"/>
test0 </td>
</tr>
<tr>
<td><input name="B" type="radio" value="1" onClick="subFormB()"/>
test1</td>
</tr>
<tr>
<td><input name="B" type="radio" value="2" onClick="subFormB()"/>
test2</td>
</tr>
<tr>
<td><input name="B" type="radio" value="3" onClick="subFormB()"/>
test3</td>
</tr>
<tr>
<td><input name="B" type="radio" value="4" onClick="subFormB()"/>
test4</td>
</tr>
<tr>
<td>totaal
<input name="B1" type="text" id="B1"/></td>
</tr>
</table>
<p>
<input name="totaal" type="button" id="totaal" value="Totaal" onClick="toTaal()"/>
</p>
<p>totaal
<input name="total" type="text" id="total"/>
</p>
</form>
</body>
</html>
I'm trying to make a form with radio buttons that contain nummeric values.
After selecting a radio button the value should appear below
Then after hit the button it should calculate (sum) the values.
Problem is that the top selection is not working properly and after hit the button it won't calculate.
<html>
<head>
<script>
function toTaal()
{
A1=document.form1.A1.value
A2=document.form1.B1.value
document.form1.total.value
}
</script>
<script language="JavaScript">
function subFormA()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=5; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.form1.A1.value=(r
}
}
function subFormB()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=5; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.form1.B1.value=(r
}
}
</script>
</head>
<body><form id="form1" name="form1" method="post">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input name="A" type="radio" value="0" onClick="subFormA()"/>
test0 </td>
</tr>
<tr>
<td><input name="A" type="radio" value="1" onClick="subFormA()"/>
test1</td>
</tr>
<tr>
<td><input name="A" type="radio" value="2" onClick="subFormA()"/>
test2</td>
</tr>
<tr>
<td><input name="A" type="radio" value="3" onClick="subFormA()"/>
test3</td>
</tr>
<tr>
<td><input name="A" type="radio" value="4" onClick="subFormA()"/>
test4</td>
</tr>
<tr>
<td>totaal
<input name="A1" type="text" id="A1" value=""/></td>
</tr>
</table>
<br />
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="B" type="radio" value="0" onClick="subFormB()"/>
test0 </td>
</tr>
<tr>
<td><input name="B" type="radio" value="1" onClick="subFormB()"/>
test1</td>
</tr>
<tr>
<td><input name="B" type="radio" value="2" onClick="subFormB()"/>
test2</td>
</tr>
<tr>
<td><input name="B" type="radio" value="3" onClick="subFormB()"/>
test3</td>
</tr>
<tr>
<td><input name="B" type="radio" value="4" onClick="subFormB()"/>
test4</td>
</tr>
<tr>
<td>totaal
<input name="B1" type="text" id="B1"/></td>
</tr>
</table>
<p>
<input name="totaal" type="button" id="totaal" value="Totaal" onClick="toTaal()"/>
</p>
<p>totaal
<input name="total" type="text" id="total"/>
</p>
</form>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
ASKER
TY. It's working perfect now and it's easy to add more..
best rgrds
best rgrds
document.form1.total.value