87,914
社区成员
发帖
与我相关
我的任务
分享求教牛人，购物车问题
问题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实现）
<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实现）
...全文
请发表友善的回复…
发表回复
互联网优秀文章收集 2014-02-17
- 打赏
- 举报
和4搂 一样
$("#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);
});
Go 旅城通票 2014-02-17
- 打赏
- 举报
$("#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);
});
另一花生 2014-02-17
- 打赏
- 举报
<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">
function setCookies(name,value)
必须是明智对的形势
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>
Tomihaohao 2014-02-17
- 打赏
- 举报
$("#num0").change(function(){
$("#xiaoji0").text(30*$("num0").val());
放到FOR循环里面
嘻哈大咖秀 2014-02-16
- 打赏
- 举报
$("#num0").change(function(){
$("#xiaoji0").text(30*$("#num0").val());
});
