购物车的前台管理程序-只与服务器交互一次（一）
file cart.html
<html>
<head>
<title>购物车</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<STYLE type=text/css>
A {TEXT-DECORATION: none; TEXT-TRANSFORM: none}
BODY {FONT-FAMILY: '宋体'; FONT-SIZE: 9pt}
TD {FONT-FAMILY: '宋体'; FONT-SIZE: 9pt}
input { color: #10265b; background-color: eafac2}
select { color: #000000; background-color: eafac2}
A:link {COLOR: #000000; TEXT-DECORATION: underline}
A:visited {COLOR: #000000; TEXT-DECORATION: underline}
A:active {COLOR: #ff0000; TEXT-DECORATION: underline}
A:hover {COLOR: #663333; TEXT-DECORATION: none}
.font { font-size: 9pt; text-decoration: none}
</style>
</head>
<body bgcolor='#FFFFFF' topmargin='3' marginwidth='760'>
<br><br><form name=frmOrder method=post>
<table width=500 align=center cellpadding=4 cellspacing=1 bgcolor='#FACB86'>
<tr bgcolor='#B52E18'>
<td width=200>
<font color=#DCFFB9>票名</font>
</td>
<td width=60>
<font color=#DCFFB9>市场价</font>
</td>
<td width=60>
<font color=#DCFFB9>会员价</font>
</td>
<td width=60>
<font color=#DCFFB9>数量</font>
</td>
<td width=80>
<font color=#DCFFB9>会员价小计</font>
</td>
<td width=40>
<font color=#DCFFB9>取消</font>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_0' size=20 style='border-Style:none' readonly value='海鲜大会(普通)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_0' size=5 style='border-Style:none' readonly value='10.50'>
</td>
<td align=right>
8.4
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_0' value= '1' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_0' size=5 style='border-Style:none' readonly value='8.4'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_0,frmOrder.txtSum0_0) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_0' value='80'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_1' size=20 style='border-Style:none' readonly value='海鲜大会(会员)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_1' size=5 style='border-Style:none' readonly value='20.70'>
</td>
<td align=right>
18.63
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_1' value= '2' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_1' size=5 style='border-Style:none' readonly value='37.26'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_1,frmOrder.txtSum0_1) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_1' value='90'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_2' size=20 style='border-Style:none' readonly value='海鲜大会(贵宾)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_2' size=5 style='border-Style:none' readonly value='50.54'>
</td>
<td align=right>
50.54
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_2' value= '1' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_2' size=5 style='border-Style:none' readonly value='50.54'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_2,frmOrder.txtSum0_2) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_2' value='100'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_0' size=20 style='border-Style:none' readonly value='北京汽车展(普通)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_0' size=5 style='border-Style:none' readonly value='10'>
</td>
<td align=right>
8
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_0' value= '12' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_0' size=5 style='border-Style:none' readonly value='96'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_0,frmOrder.txtSum1_0) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_0' value='80'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_1' size=20 style='border-Style:none' readonly value='北京汽车展(会员)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_1' size=5 style='border-Style:none' readonly value='20'>
</td>
<td align=right>
18
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_1' value= '12' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_1' size=5 style='border-Style:none' readonly value='216'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_1,frmOrder.txtSum1_1) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_1' value='90'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_2' size=20 style='border-Style:none' readonly value='北京汽车展(贵宾)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_2' size=5 style='border-Style:none' readonly value='50'>
</td>
<td align=right>
50
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_2' value= '13' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_2' size=5 style='border-Style:none' readonly value='650'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_2,frmOrder.txtSum1_2) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_2' value='100'>
</td>
</tr>
<tr bgcolor='#B52E18'>
<td>
<font color=#DCFFB9>合计</font>
</td>
<td colspan=5 align=right>
<input type=text name=txtTotal size=10 style='border-Style:none' readonly value=1058.2>
</td>
</tr>
</table>
<br><table width=500 border=0 align=center>
<tr>
<td width='25%' align=center>
<input type=button name=btnUpdate value='修改数量'onclick=On_Update() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnDel value='全部删除'onclick=On_Del() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnContinue value='继续购物'onclick=On_Continue() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnBuy value='去收银台'onclick=On_Buy() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
</tr>
</table>
</form>
<script language src='cart.js'></script>
<html>
<head>
<title>购物车</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<STYLE type=text/css>
A {TEXT-DECORATION: none; TEXT-TRANSFORM: none}
BODY {FONT-FAMILY: '宋体'; FONT-SIZE: 9pt}
TD {FONT-FAMILY: '宋体'; FONT-SIZE: 9pt}
input { color: #10265b; background-color: eafac2}
select { color: #000000; background-color: eafac2}
A:link {COLOR: #000000; TEXT-DECORATION: underline}
A:visited {COLOR: #000000; TEXT-DECORATION: underline}
A:active {COLOR: #ff0000; TEXT-DECORATION: underline}
A:hover {COLOR: #663333; TEXT-DECORATION: none}
.font { font-size: 9pt; text-decoration: none}
</style>
</head>
<body bgcolor='#FFFFFF' topmargin='3' marginwidth='760'>
<br><br><form name=frmOrder method=post>
<table width=500 align=center cellpadding=4 cellspacing=1 bgcolor='#FACB86'>
<tr bgcolor='#B52E18'>
<td width=200>
<font color=#DCFFB9>票名</font>
</td>
<td width=60>
<font color=#DCFFB9>市场价</font>
</td>
<td width=60>
<font color=#DCFFB9>会员价</font>
</td>
<td width=60>
<font color=#DCFFB9>数量</font>
</td>
<td width=80>
<font color=#DCFFB9>会员价小计</font>
</td>
<td width=40>
<font color=#DCFFB9>取消</font>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_0' size=20 style='border-Style:none' readonly value='海鲜大会(普通)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_0' size=5 style='border-Style:none' readonly value='10.50'>
</td>
<td align=right>
8.4
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_0' value= '1' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_0' size=5 style='border-Style:none' readonly value='8.4'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_0,frmOrder.txtSum0_0) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_0' value='80'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_1' size=20 style='border-Style:none' readonly value='海鲜大会(会员)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_1' size=5 style='border-Style:none' readonly value='20.70'>
</td>
<td align=right>
18.63
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_1' value= '2' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_1' size=5 style='border-Style:none' readonly value='37.26'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_1,frmOrder.txtSum0_1) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_1' value='90'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType0_2' size=20 style='border-Style:none' readonly value='海鲜大会(贵宾)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice0_2' size=5 style='border-Style:none' readonly value='50.54'>
</td>
<td align=right>
50.54
</td>
<td align=right>
<input type=text size=4 name='txtAmount0_2' value= '1' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum0_2' size=5 style='border-Style:none' readonly value='50.54'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount0_2,frmOrder.txtSum0_2) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount0_2' value='100'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_0' size=20 style='border-Style:none' readonly value='北京汽车展(普通)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_0' size=5 style='border-Style:none' readonly value='10'>
</td>
<td align=right>
8
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_0' value= '12' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_0' size=5 style='border-Style:none' readonly value='96'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_0,frmOrder.txtSum1_0) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_0' value='80'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_1' size=20 style='border-Style:none' readonly value='北京汽车展(会员)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_1' size=5 style='border-Style:none' readonly value='20'>
</td>
<td align=right>
18
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_1' value= '12' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_1' size=5 style='border-Style:none' readonly value='216'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_1,frmOrder.txtSum1_1) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_1' value='90'>
</td>
</tr>
<tr bgcolor='#FBF4C6'>
<td>
<input type=text name='txtTicketType1_2' size=20 style='border-Style:none' readonly value='北京汽车展(贵宾)'>
</td>
<td align=right>
<input type=text name='txtTicketPrice1_2' size=5 style='border-Style:none' readonly value='50'>
</td>
<td align=right>
50
</td>
<td align=right>
<input type=text size=4 name='txtAmount1_2' value= '13' style='border-Style:none' disabled>
</td>
<td align=right>
<input type=text name='txtSum1_2' size=5 style='border-Style:none' readonly value='650'>
</td>
<td>
<input type=button name=btnCancel value='取消'onclick=On_Cancel(txtAmount1_2,frmOrder.txtSum1_2) style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
<input type=hidden name='hidTicketDiscount1_2' value='100'>
</td>
</tr>
<tr bgcolor='#B52E18'>
<td>
<font color=#DCFFB9>合计</font>
</td>
<td colspan=5 align=right>
<input type=text name=txtTotal size=10 style='border-Style:none' readonly value=1058.2>
</td>
</tr>
</table>
<br><table width=500 border=0 align=center>
<tr>
<td width='25%' align=center>
<input type=button name=btnUpdate value='修改数量'onclick=On_Update() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnDel value='全部删除'onclick=On_Del() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnContinue value='继续购物'onclick=On_Continue() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
<td width='25%' align=center>
<input type=button name=btnBuy value='去收银台'onclick=On_Buy() style='BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px'>
</td>
</tr>
</table>
</form>
<script language src='cart.js'></script>
