求html购物车代码，，效果如图显示

发布时间：2025-12-09 15:32:34 浏览次数：18

<head>

body{

font-size:13px

line-height:25px

}

table{

border-top: 1px solid #333

border-left: 1px solid #333

width:400px

}

td{

border-right: 1px solid #333

border-bottom: 1px solid #333

text-align:center

}

.title{

font-weight:bold

background-color: #cccccc

}

input text{

width:100px

}

</style>

function addRow(){

//行的长度

var rowlength=document.getElementById("order").rows.length

//得到整个表格对象

var order = document.getElementById("order").insertRow(rowlength-1)

order.id=rowlength-1

//插入列

var cel1=order.insertCell(0).innerHTML="游戏光盘"

var cel2=order.insertCell(1).innerHTML="34"

var cel3=order.insertCell(2).innerHTML="&yen58.40"

var cel4=order.insertCell(3).innerHTML="<input type=\"button\"value=\"删除\" onclick=\"delRow('"+(rowlength-1)+"')\"/>"+ "<input type=\"button\"value=\"修改\" onclick=\"editRow('"+(rowlength-1)+"')\"/>"

}

function delRow(qwe){

var ewq=document.getElementById(qwe).rowIndex

document.getElementById("order").deleteRow(ewq)

}

function editRow(rowID){

var row=document.getElementById(rowID)

var cel=row.cells

var text=cel[1].innerHTML

cel[1].innerHTML="<input type='text' value='"+text+"' >"

cel[3].lastChild.value="确定"

cel[3].lastChild.setAttribute("onclick","update('"+rowID+"')")

}

function update(qwe){

var row=document.getElementById(qwe)

var cel=row.cells

var text=cel[1].lastChild.value

cel[1].innerHTML=text

cel[3].lastChild.value="修改"

cel[3].lastChild.setAttribute("onclick","editRow('"+qwe+"')")

}

function add(){

var a = document.getElementById("order").rows.length

var b = document.getElementById("order").insertRow(a-1)

var one1 = b.insertCell(0).innerHTML="123"

}

</script>

</head>

<body>

<tr >

</tr>

<tr >

<td>防滑真皮休闲鞋</td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

这个是我原来上学的时候练习的代码，练习的是基础的jsDOM *** 作，不过建议以后用Jquery 比较方便有什么不懂得可以问我

可以参考如下代码

<?php

class Cart extends Think {

//当前购物车名

public $sessionName

//购物车总价格

public $totalPrice

public function __construct($sessionName)

{

$this->sessionName=$sessionName

if(!isset($_SESSION[$this->sessionName]))

{

$_SESSION[$this->sessionName]=""

}

//获取购物车的信息

public function getCart(){

$cur_cart_array=$_SESSION[$this->sessionName]

return $cur_cart_array

}

//获取购物车商品清单

public function getCartList()

{

$cur_cart_array=$_SESSION[$this->sessionName]

if($cur_cart_array!="")

{

$mode_goods_data=M("goods_data")

$len=count($cur_cart_array)

for($i=0$i<$len$i++)

{

$goodsid=$cur_cart_array[$i]["id"]

$num=$cur_cart_array[$i]["num"]

$query="select (select sfilename from goods_pic where goodsid=a.goodsid order by sno desc limit 0,1) as sfilename,b.clsname as clsname,a.goodsid as goodsid,a.goodsname as goodsname,a.Price as Price,a.Storageqty as Storageqty from goods_data a left join goods_cls b on a.Clsid=b.clsid where a.goodsid=$goodsid"

$list=$mode_goods_data->query($query)

$list[0]["qty"]=$num

$list[0]["amount"]=$num*$list[0]["Price"]

$cartList[$i]=$list[0]

$totalPrice+=$list[0]["amount"]

}

//返回商品总价格

$this->totalPrice=$totalPrice

return $cartList

}

//加入购物车,购物车的商品id和购物车的商品数量

public function addcart($goods_id,$goods_num){

$cur_cart_array=$_SESSION[$this->sessionName]

if($cur_cart_array=="")

{

$cart_info[0]["id"]=$goods_id//商品id保存到二维数组中

$cart_info[0]["num"]=$goods_num//商品数量保存到二维数组中

$_SESSION[$this->sessionName]=$cart_info

}

else

{

//返回数组键名倒序取最大

$ar_keys=array_keys($cur_cart_array)

$len=count($ar_keys)

$max_array_keyid=$ar_keys[$len-1]+1

//遍历当前的购物车数组

//遍历每个商品信息数组的0值，如果键值为0且货号相同则购物车该商品已经添加

$is_exist=$this->isexist($goods_id,$goods_num,$cur_cart_array)

if($is_exist==false)

{

$cur_cart_array[$max_array_keyid]["id"] = $goods_id

$cur_cart_array[$max_array_keyid]["num"] = $goods_num

$_SESSION[$this->sessionName]=$cur_cart_array

}

else

{

$arr_exist=explode("/",$is_exist)

$id=$arr_exist[0]

$num=$arr_exist[1]

$cur_cart_array[$id]["num"]=$num

$_SESSION[$this->sessionName]=$cur_cart_array

}

//判断购物车是否存在相同商品

public function isexist($id,$num,$array)

{

$isexist=false

foreach($array as $key1=>$value)

{

foreach($value as $key=>$arrayid)

{

if($key=="id" && $arrayid==$id)

{

$num=$value["num"]+$num

$isexist=$key1."/".$num

}

return $isexist

}

thinkphp开发使得我们比较容易的去进行了

//从购物车删除

public function delcart($goods_array_id){

//回复序列化的数组

$cur_goods_array=$_SESSION[$this->sessionName]

//删除该商品在数组中的位置

unset($cur_goods_array[$goods_array_id])

$_SESSION[$this->sessionName]=$cur_cart_array

//使数组序列化完整的保存到cookie中

}

//清空购物车

public function emptycart(){

$_SESSION[$this->sessionName]=""

}

//修改购物车货品数量

public function update_cart($up_id,$up_num){

//回复序列化的数组

$cur_goods_array=$_SESSION[$this->sessionName]

$cur_goods_array[$up_id]["num"]=$up_num

$_SESSION[$this->sessionName]=$cur_cart_array

}

上一篇：桃子产地下一篇：如何轻松设置apple tv 的DNS和添加个人服务器

知识问答

求html购物车代码，，效果如图显示

综合百科

网站导航