javascript for gimmick cart only need javascript

Question

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>

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

Answer 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/- 只能添加一次项目