<script type="text/javascript">function total_amount(){document.getElementById("grand_total").innerHTML = "";var sugar_check = 100;var milk_check = 200;var curd_check = 50;var rice_check = 250;var grand_total = "";var amount = 0;if(document.getElementById('sugar_check').checked == true){amount = sugar_check;}if(document.getElementById('milk_check').checked == true){amount = milk_check;}if(document.getElementById('curd_check').checked == true){amount = curd_check;}if(document.getElementById('rice_check').checked == true){amount = rice_check;}else{alert('Please make a selection first...! ');}document.getElementById("grand_total").innerHTML = amount;}</script>
<div id="text"> <form name="myForm" action="" method="post"> <ul> <li> <input type="checkbox" name="item" id="sugar_check" /> Sugar = Rs.100</li> <li> <input type="checkbox" name="item" id="milk_check" /> Milk = 200</li> <li> <input type="checkbox" name="item" id="curd_check" /> Curd = 50</li> <li> <input type="checkbox" name="item" id="rice_check" /> Rice = 250</li> </ul> <a href="javascript:;" onclick="total_amount()">SUBMIT</a> </form></div>