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

 我来答

1个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

百度网友73b45d1
推荐于2017-12-15 · 超过18用户采纳过TA的回答

知道答主

回答量：46

采纳率：0%

帮助的人：28.3万

我也去答题访问个人页

关注

展开全部

<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
<title>修改订单</title>    
<style type="text/css">    
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>    
<script type="text/javascript">    
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="&yen;58.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+"' style='width:40px;'>"    
		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>    
<table border="0" cellspacing="0" cellpadding="0" id="order">    
 <tr class="title">    
   <td>商品名称</td>    
   <td>数量</td>    
   <td>价格</td>    
   <td>操作</td>    
 </tr>    
 <tr id="1">    
   <td>防滑真皮休闲鞋</td>    
   <td>12</td>    
   <td>&yen;568.50</td>    
   <td><input name="rowdel" type="button" value="删除" onclick='delRow("1")' />    
   <input id="edit1" type="button" value="修改" onclick='editRow("1")' /></td>    
 </tr>    
 <tr>    
   <td colspan="4" style="height:30px;">    
   <input name="addOrder" type="button" value="增加订单" onclick="addRow()" /></td>    
 </tr>    
</table>    
</body>    
</html>