tarun Posted March 10, 2007 Share Posted March 10, 2007 This Is A Shopping Cart Ive Found At The Moment You Can Only Have 1 Of Each Item How Could I Get It So That Theres A Seperate Input Box With The Quatinty Next To Each Check Box <script language="JavaScript"> <!-- hide contents from old browsers var Cost, GST, PST, Grand_Total; function tally() { Cost = 0; if (document.orderform.Item1.checked) { Cost = Cost + 26.15; } if (document.orderform.Item2.checked) { Cost = Cost + 26.10; } if (document.orderform.Item3.checked) { Cost = Cost + 26; } if (document.orderform.Item4.checked) { Cost = Cost + 26; } if (document.orderform.Item5.checked) { Cost = Cost + 26.44; } if (document.orderform.Item6.checked) { Cost = Cost + 26.01; } if (document.orderform.Item7.checked) { Cost = Cost + 26; } if (document.orderform.Item8.checked) { Cost = Cost + 26; } if (document.orderform.Item9.checked) { Cost = Cost + 25; } GST = (Cost * 0.07); PST = (Cost * 0.07); Cost = pound(Cost); GST = pound(GST); PST = pound(PST); Grand_Total = parseFloat(Cost) + parseFloat(GST) + parseFloat(PST); Grand_Total = pound(Grand_Total); document.orderform.Total.value = "£" + Cost; document.orderform.GST.value = "£" + GST; document.orderform.PST.value = "£" + PST; document.orderform.GrandTotal.value = "£" + Grand_Total; } function pound (amount) { amount = parseInt(amount * 100); amount = parseFloat(amount/100); if (((amount) == Math.floor(amount)) && ((amount - Math.floor (amount)) == 0)) { amount = amount + ".00" return amount; } if ( ((amount * 10) - Math.floor(amount * 10)) == 0) { amount = amount + "0"; return amount; } if ( ((amount * 100) - Math.floor(amount * 100)) == 0) { amount = amount; return amount; } return amount; } //--> </script> <body bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000"> <center><h1>Shopping Cart</h1></center> <form method="post" name="orderform" action="mailto:me@mydomain.com" enctype="text/plain""> <table border="0"> <tr><td colspan="4"> <p><input type="checkbox" name="Item1" value="Item1_chosen" onclick="tally()"> Item One (£26.15) <p><input type="checkbox" name="Item2" value="Item2_chosen" onclick="tally()"> Item Two (£26.10) <p><input type="checkbox" name="Item3" value="Item3_chosen" onclick="tally()"> Item Three (£26) <p><input type="checkbox" name="Item4" value="Item4_chosen" onclick="tally()"> Item Four (£26) <p><input type="checkbox" name="Item5" value="Item5_chosen" onclick="tally()"> Item Five (£26.44) <p><input type="checkbox" name="Item6" value="Item6_chosen" onclick="tally()"> Item Six (£26.10) <p><input type="checkbox" name="Item7" value="Item7_chosen" onclick="tally()"> Item Seven (£26) <p><input type="checkbox" name="Item8" value="Item8_chosen" onclick="tally()"> Item Eight (£26) <p><input type="checkbox" name="Item9" value="Item9_chosen" onclick="tally()"> Item Nine (£25) </td></tr> <tr> <td> Total <input type="text" name="Total" value="£0" size="7"></td> <td> PST (7%) <input type="text" name="PST" value="£0" size="6"></td> <td colspan="2"> GST (7%) <input type="text" name="GST" value="£0" size="6"></td> </tr> <tr> <td> Grand Total <input type="text" name="GrandTotal" value="£0" size="8"></td> </tr> <tr> <td>Company Name:</td> <td colspan="3"><input type="Text" name="Company" size="35" maxlength="40"></td> </tr> <tr> <td>Contact Name:</td> <td colspan="3">First <input type="Text" name="FirstName" size="15" maxlength="20"> Last <input type="Text" name="LastName" size="15" maxlength="20"></td> </tr> <tr> <td>Address</td> <td><input type="Text" name="Street" size="20" maxlength="40"></td> </tr> <tr> <td>City</td> <td><input type="Text" name="City" size="20" maxlength="20"> </td> <td>Province/State:</td> <td><input type="Text" name="Province" size="20" maxlength="40"></td> </tr> <tr> <td>Country:</td> <td><input type="Text" name="Country" size="20" maxlength="20"></td> <td>Code:</td> <td><input type="Text" name="Code" size="9" maxlength="10"></td> </tr> <tr> <td>Phone:</td> <td><input type="Text" name="Area" size="3" maxlength="5"> <input type="Text" name="Phone" size="8" maxlength="10"></td> <td>Fax:</td> <td><input type="Text" name="AreaFax" size="3" maxlength="5"> <input type="Text" name="Fax" size="8" maxlength="10"></td> </tr> <tr> <td>Email Address:</td> <td colspan=2><input type="Text" name="Email" size="30" maxlength="30"></td> </tr> <tr><td colspan="4" height="3"><hr></td></tr> <tr><td colspan="2" align="center"><input type="Submit" value="Send Order"></td> <td colspan="2" align="center"><input type="RESET" value="Reset Order"></td></tr> </table> </form> Quote Link to comment Share on other sites More sharing options...
tarun Posted March 11, 2007 Author Share Posted March 11, 2007 BuMp Quote Link to comment Share on other sites More sharing options...
emehrkay Posted March 11, 2007 Share Posted March 11, 2007 <p><input type="checkbox" name="Item1" value="Item1_chosen" onclick="tally()"> Item One (£26.15) to <p><input type="text" name="Item1Count" id="Item1Count" value="1" /><input type="checkbox" name="Item1" value="Item1_chosen" onclick="tally()"> Item One (£26.15) and in your js do if (document.orderform.Item1.checked) { Cost = Cost + 26.15; } change that to if (document.orderform.Item1.checked) { var c = document.getElementById('Item1Count').value; Cost = Cost + (26.15 * c); } Quote Link to comment Share on other sites More sharing options...
tarun Posted March 13, 2007 Author Share Posted March 13, 2007 Excellent Thnx TOPIC SOLVED Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.