javascript - 如何将商品添加到购物车而不添加按钮只需单击图片

Question

最近我一直在做自己的购物车，但我有一个问题，我不想在商品上添加“添加到购物车”按钮，我想通过单击商品图片将商品添加到购物车;第一次单击添加到购物车，第二次单击将其从购物车中删除。

我使用了这段代码，但它不起作用，它需要一个按钮；

$(document).ready(function(e) {
    $('#submitbutton').click(function(e) {
        var pos = $('#inputid').val();
        alert(pos);
        return false;
    });
});

感谢您的建议

Answer 1

<div class="item" item-id="123">
  <img src="<path to item image>">
</div>

jQuery(".item").click(function  () {
  var itemId = jQuery(this).attr("item-id");
  //write logic to add item to shopping cart by item id
})

上面的代码解释了如何实现它。如果您想在单击图像而不是 div 时触发，可以将选择器更改为“.item > img”。