Check out some similar questions!

Zee Heng · Apr 16, 2012, 11:18 PM

May i know how can i add another two checkbox for each category below? And make it able to calculate..Please help..

this is the code..

<html>

<head>
<title>Registration Main Page</title>

<SCRIPT LANGUAGE="JavaScript">

function UpdateCost() {
var sum = 0;
var menu, total;
for (I=0; I<9; I++) {
menu = 'menu'+i;
total = document.getElementById(menu);
if (total.checked == true)
{
sum += Number(total.value);
}
}

document.getElementById('totalcost').value = sum.toFixed(2);
}

</SCRIPT>

</head>

<body bgcolor="#B0C4DE">

<form method="POST" action="" name="food">

<table border="0" width="100%">
<tr>
<td rowspan="9" align="left" valign="top" width="80">
<img border="0" src="images/side_banner.gif" width="80" height="1000">
</td><h1></h1>
<td colspan="3" align="center" valign="top" bgcolor="#B0C4DE>
<img border="0"0"images/Logo_UUM.gif"images/Logo_UUM.gif"70"70"95"><br/></td>
<td rowspan="9"95"right"9"top"right"80"top"0"80"images/side_banner.gif"0"80"images/side_banner.gif"1000">
</td>
</tr>

<tr>
<td colspan="3"80"center"1000"top"3"0"center"images/dinebanner.jpg"top"700"0"163">
</td>
</tr>

<tr>
<td colspan="images/dinebanner.jpg" bgcolor="700" align="center"163"top"3"21">
<b>Beverage</b>
</td>
</tr>

<tr>
<td align="center"#B0C4DE"top"><dd></dd>
<img border="0"center"images/beverage.jpg"top"100"21"100"><br/>
<input name="center" type="top" id="0" value="images/beverage.jpg" onClick="100">RM 1.00
</td>
<td align="center"100"top"C1"0"checkbox"images/beverage2.jpg"menu0"100" height="1.00 "><br/>
<input type="checkbox"UpdateCost()"C2" id="center" value="top" onClick="0"> RM 1.50
</td>
<td align="center"images/beverage2.jpg"top"100"0"100"images/beverage3.jpg"checkbox"100" height="C2"><br/>
<input type="checkbox"menu1"C3" id="1.50 " value="UpdateCost()" onClick="center"> RM 2.50
</td>
</tr>
<tr>
<td colspan="top" bgcolor="0" align="center"images/beverage3.jpg"top"100"21">
<b>Cake</b>
</td>
</tr>
<tr>
<td align="center"100"top">
<p><img border="0"checkbox"images/cake1.jpg"C3"100"menu2"100"><br/>
<input type="checkbox"2.50 "C4"id="UpdateCost()" value="4" onClick="#B0C4DE">
RM 2.50
</p></td>
<td align="center"center"top"top"0"21"images/cake2.jpg"center"100"top"100"><br/>
<input type="checkbox"0"C5" id="images/cake1.jpg" value="100" onClick="100"> RM 2.00
</td>
<td align="center"checkbox"top"C4"0"menu3"images/cake3.jpg"2.50"100"UpdateCost()"100"><br/>
<input type="checkbox"center"C6" id="top" value="0" onClick="images/cake2.jpg"> RM 3.00
</td>
<td align
</tr>
<tr>
<td colspan="100" bgcolor="100" align="center"checkbox"top"C5"21">
<p align="menu4"><b>Food</b>
</td>
</tr>
<tr>
<td align="center"2.00"top"UpdateCost()"0"center"image s/food1.jpg"top"100"0"100"><br/>
<input type="checkbox"images/cake3.jpg"C7" id="100" value="100" onClick="checkbox"> RM 4.50
</td>
<td align="center"C6"top"menu5"0"3.00"images/food2.jpg"UpdateCost()"100"3"100"><br/>
<input type="checkbox"#B0C4DE"C8" id="center" value="top" onClick="21"> RM 3.00
</td>
<td align="center"center"top"center"0"top"images/food3.jpg"0"100"images/food1.jpg"100"><br/>
<input type="checkbox"100"C9" id="100" value="checkbox" onClick="C7">RM 3.50
</td>
</tr>
<tr>
<td colspan="menu6" bgcolor="4.50" align="center"UpdateCost()"top"center"21">
<b>Total Cost : RM </b>
<input type="text"top"txttotalcost" id="0"size="images/food2.jpg" value="100">
</td>
</tr>
</table>
</form>
</body>
</html>

Check out some similar questions!

Add your answer here.