搜索
系统检测到您的用户名不符合规范:

购物车前台页面代码

浏览:7885 发布日期:2013年09月17日 分类:功能实现 关键字: 购物车
购物车前台页面代码, 这只是个小例子, 具体可以自由发挥
<!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]{ width:32px;}
</style>
</head>
<body>

<div>
<table id="PriceTable">
<thead><tr><td>物品编号</td><td>物品名称</td><td >数量</td><td>价格</td><td>小计</td></tr></thead>
<tbody>
<tr>
<td >jsp_123</td>
<td >电脑</td>
<td>
<select name="se" class="se">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
</select>
</td>
<td >1950</td>
<td >1950</td>
</tr>
<tr>
<td >jsp_123</td>
<td >电脑</td>
<td>
<select name="se" class="se">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
</select>
</td>
<td >1950</td>
<td >1950</td>
</tr>
<tr>
<td >jsp_123</td>
<td >电脑</td>
<td>
<select name="se" class="se">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
</select>
</td>
<td >1950</td>
<td >1950</td>
</tr>

</tbody>
<tfoot>
<tr><td>总计:</td><td colspan="4">5850</td></tr>
</tfoot>
</table>
</div>
<input type="button" onclick="GetInAll()" value="计算" />
</body>
</html>
评论() 相关
后面还有条评论,
评论支持使用[code][/code]标签添加代码
您需要登录后才可以评论 登录 | 立即注册
收藏
shenfakuan
积分:1540 等级:LV3
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /