使用 javascript 推送将用户设置的产品数量添加到购物车
Using javascript push to add user set product quantity to the cart
我目前有一个有效的购物车,使用一个php表单和一个带有onclick的按钮,可以将产品添加到购物车。我刚刚为数量添加了一个文本输入。尝试了一些事情,但无法弄清楚如何做到这一点,我对 php 很满意,但 javascript 我很陌生。
所以我的点击事件是:
onclick="return addToBasket(<?php echo $item['item_id']; ?>);"
该函数:
function addToBasket(itemId){
cartItems.push(items[itemId]);
updateCart();
return false;}
所以我明白如何将多个不同的元素推入购物车数组,但让用户定义的一个元素的数量让我感到困惑。我想我需要在onclick中使用document.getElementById('quantity').value,然后在函数中使用它,但不确定如何,我所有的搜索都没有结果。我是在正确的路线上还是在漂泊的道路上?
提前感谢您的任何帮助:)
好的,
我要回答我自己的问题。事后看来,制作一个对象可能更容易,但由于商店都设置好了并且与数组配合得很好,我决定坚持使用它。
基本上我只是用
document.getElementById('qty').value
然后在函数中,我做了一个 for 循环,将产品添加到数组中,次数与数量一样多
for (var i=0; i < qty; i++) {
cartItems.push(items[itemId]);
}
实际上现在我看它真的很明显。但是我对javascript很陌生,所以呵呵。无论如何,为帕特里克·比森的帮助干杯!
相关文章:
- WooCommerce的“添加到购物车”按钮旁边的自定义按钮基于产品类型
- 添加到购物车和移除计数的产品丢失,而移除露天市场中的项目
- 正在将商品添加到购物车
- Wordpress WooCommerce添加到购物车,无法在移动网站上工作
- 我想使用 Jquery 或 JavaScript 在添加到购物车弹出窗口中添加笑脸
- 如何设置用户上传图片并显示图片,并在angularjs中添加到购物车中
- wooccommerce登录页:如何添加添加到购物车按钮
- 几个 Ajax 添加到购物车表单在一个页面上
- Javascript window.open() 多次将项目添加到购物车
- 使用 javascript 推送将用户设置的产品数量添加到购物车
- 添加到购物车而不使用 JavaScript 刷新
- 添加到前端问题中的购物车和产品选项字段 - Magento
- Magento在添加到购物车时触发JS
- 使用角度从ng重复,简单的购物车实现中添加和删除项目
- 购物 添加到购物车 按钮不起作用
- 如何通过单击“添加购物车”检查当前产品是否有追加销售
- 添加购物车按钮上的网页警报消息
- 如何限制添加购物车按钮,每项只点击一次或点击后禁用它
- 鼠标悬停显示添加购物车按钮和折扣图像
- Opencart快速查看添加购物车后关闭并重定向到当前页面