jquery实现购物车功能

第jquery实现购物车功能本文实例为大家分享了jquery实现购物车功能的具体代码，供大家参考，具体内容如下

html

!DOCTYPEhtml

html

head

title购物车/title

metacharset="utf-8"/

styletype="text/css"

text-align:center;

table{

margin:0auto;

width:60%;

border:2pxsolid#aaa;

border-collapse:collapse;

tableth,tabletd{

border:2pxsolid#aaa;

padding:5px;

background-color:#eee;

/style

scriptsrc="jquery-3.2.1.min.js"/script

scriptsrc="gw.js"/script

/head

body

h1真划算/h1

tableid="tb1"

th商品/th

th单价(元)/th

th颜色/th

th库存/th

th好评率/th

th操作/th

/tr

td罗技M185鼠标/td

td80/td

td黑色/td

td893/td

td98%/td

tdalign="center"inputtype="button"value="加入购物车"

//td

/tr

td微软X470键盘/td

td150/td

td黑色/td

td9028/td

td96%/td

tdalign="center"inputtype="button"value="加入购物车"

//td

/tr

td洛克iphone6手机壳/td

td60/td

td透明/td

td672/td

td99%/td

tdalign="center"inputtype="button"value="加入购物车"

//td

/tr

td蓝牙耳机/td

td100/td

td蓝色/td

td8937/td

td95%/td

tdalign="center"inputtype="button"value="加入购物车"

//td

/tr

td金士顿U盘/td

td70/td

td红色/td

td482/td

td100%/td

tdalign="center"inputtype="button"value="加入购物车"

//td

/tr

/table

h1购物车/h1

table

thead

th商品/th

th单价(元)/th

th数量/th

th金额(元)/th

th删除/th

/tr

/thead

tbodyid="goods"

/tbody

tfoot

tdcolspan="3"align="right"总计/td

tdid="total"/td

td/td

/tr

/tfoot

/table

/body

/html

js

//添加购物车

functionaddshoping(btn){

varname=$(btn).parent().siblings().eq(0).html()

varprice=$(btn).parent().siblings().eq(1).html()

vartrs=$("#goodstr")

varnameArr=newArray();

$.each(trs,function(index,value){

nameArr.push($(this).children('td').eq(0).text())

var$tr=$('tr'+

'td'+name+'/td'+

'td'+price+'/td'+

'tdalign="center"'+

'inputtype="button"value="-"/'+

'inputtype="number"size="3"readonlyvalue="1"/'+

'inputtype="button"value="+"/'+

'/td'+

'td'+price+'/td'+

'tdalign="center"inputtype="button"value="x"//td'+

'/tr

varishasName=nameArr.indexOf(name)

if(ishasName=0){

vargoodcount=trs.eq(ishasName).children('td').eq(2).children().eq(1).val()

Number.parseInt(goodcount);

trs.eq(ishasName).children('td').eq(2).children().eq(1).val(++goodcount)

varpric