利用jQuery操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变
当用户点击+按钮是,文本框中的商品数量增加1,单项价格和总价相应增加
当用户点击-按钮是,文本框中的商品数量减1(不能小于1),单项价格和总价相应减少
<style type="text/css">
table{
border: 1px solid #dedede;
border-collapse: collapse;
width: 100%;
clear: both;
}
table tr{
height: 50px;
border-bottom: 1px dashed #dedede;
}
table td,th{
text-align: center;
vertical-align: middle;
}
table td.item{
width: 400px;
height: 60px;
text-align: left;
}
table td.item img{
margin-right: 10px;
vertical-align: middle;
}
table tr td.cal{
text-align: right;
}
table tr td.cal span{
font: bold 25px Geneva,