0

http://jsfiddle.net/mDayR/

如果您查看该 jsFiddle，我要做的就是当您单击“添加到购物车”按钮时，它将发送您要添加到 li 元素内的购物车的项目名称。以及更新总价。这是一些在线 Ecart 的噱头购物车，因为无法访问 php，所以一切都是手动完成的。

假设我点击了三件商品，可口可乐 200 美元、手枪 600 美元和棒球帽 500 美元。然后我希望列表像这样

<ul>
<li>Coke Cola</li> 
 <li>Pistol</li>
  <li>Baseball Cap</li>
 </ul>
 <span>Total = $1300.00</span>

请不要让我查看购物车，这是用户的噱头购物车，这是为了帮助他们的用户查看他们将欠多少积分。除了将项目粘贴到隐藏表单中之外，不会处理任何数据。

4

1 回答 1

1

那么您需要在单击时创建列表项并将它们附加到列表中。

然后将 points 属性添加到总数中，然后显示它。

所以

var theNewItem = '<li>' + itemName + '</li>';
$('.itemList').append(theNewItem);
runningTotal += points;
$('.totaler').html("$" + runningtotal.toFixed(2));

这应该让你开始

这是一个更正的小提琴 http://jsfiddle.net/mDayR/4/

就个人而言，因为“不会处理任何数据”，我建议您使用按钮而不是提交，然后在按钮的单击处理程序上进行计算。

http://jsfiddle.net/mDayR/6/

再摆弄按钮逻辑

http://jsfiddle.net/mDayR/10/ - 可以多次添加项目 http://jsfiddle.net/mDayR/11/ - 只能添加一次

于 2012-11-20T17:23:47.090 回答