求教牛人，购物车有关问题
日期：2014-05-16 浏览次数：20372 次
求教牛人，购物车问题
问题1：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<link rel="stylesheet" type="text/css" href="style.css" >
<title>购物车</title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="cookie.js"></script>
</head>
<body>
<div class="gouwuchehead">购物车</div>
<table id="list" width="500px">
<tr><td style='font-weight:bold'>商品</td><td style='font-weight:bold'>单价</td><td style='font-weight:bold'>数量</td><td style="font-weight:bold">小计</td></tr>
<script type="text/javascript">
setcookie('xifashui',10,365);
setcookie('muyulu',3,365);
setcookie('feizao',6,365);
var txt="";
for(i=0;i<=cookienum();i++){
$("#list").append("<tr><td>"+geteachcookiename(i)+"</td><td>30</td><td><input class='num' id='num"+i+"' type='text' value="+geteachcookieval(i)+"></td><td id='xiaoji"+i+"'>"+30*geteachcookieval(i)+'</td></tr>');
}
$("#num0").change(function(){
$("#xiaoji0").text(30*$("num0").val());
});
</script>
</table>
</body>
为什么修改#num时，#xiaoji0不会作出修改，change事件绑定那里哪里错了？
问题2:基于以上代码，如何实现每修改一次数量，小计就自动更新（不用刷新，用jquery实现）
------解决方案--------------------
问题1：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<link rel="stylesheet" type="text/css" href="style.css" >
<title>购物车</title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="cookie.js"></script>
</head>
<body>
<div class="gouwuchehead">购物车</div>
<table id="list" width="500px">
<tr><td style='font-weight:bold'>商品</td><td style='font-weight:bold'>单价</td><td style='font-weight:bold'>数量</td><td style="font-weight:bold">小计</td></tr>
<script type="text/javascript">
setcookie('xifashui',10,365);
setcookie('muyulu',3,365);
setcookie('feizao',6,365);
var txt="";
for(i=0;i<=cookienum();i++){
$("#list").append("<tr><td>"+geteachcookiename(i)+"</td><td>30</td><td><input class='num' id='num"+i+"' type='text' value="+geteachcookieval(i)+"></td><td id='xiaoji"+i+"'>"+30*geteachcookieval(i)+'</td></tr>');
}
$("#num0").change(function(){
$("#xiaoji0").text(30*$("num0").val());
});
</script>
</table>
</body>
为什么修改#num时，#xiaoji0不会作出修改，change事件绑定那里哪里错了？
问题2:基于以上代码，如何实现每修改一次数量，小计就自动更新（不用刷新，用jquery实现）
------解决方案--------------------
$("#list input").change(function () {
var tr = $(this).closet('tr');
var v = parseInt(this.value) * parseInt(tr.find('td:eq(1)').html())
tr.find('td:last').html(v);
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
