购物车前台页面代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车自动计价</title>
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript">
$(function(){
$(".se").change(function(oEven) {
var num = $(this).find("option:selected").text();
var price = $(this).parent().next().text();
$(this).parent().next().next().text(num*price);
GetInAll();//计算所有物品价格
});
})
function GetInAll()
{
var len = $("#PriceTable tbody").children("tr").length;
var priceCount=0;
for(var i=0;i<len;i++)
{
// var tempData=rows[i];
var price1 = $("#PriceTable tbody tr:eq("+i+") td:eq(4)").text();
priceCount=parseFloat(priceCount)+parseFloat(price1);
}
$("#PriceTable tfoot tr td:eq(1)").text(priceCount);
}
</script>
<style type="text/css">
table input[type=text]{ 32px;}
</style>
</head>
<body>
<div>
<table />
</body>
</html>