首页 > 解决方案 > 向 HTML 中的按钮添加功能

问题描述

我正在使用 Python 和 Django 框架为在线超市创建一个网页,并且这些产品中的每一个都有一个“添加到购物车”选项。我想制作这样的代码,以便在单击按钮时它会增加那个数量乘积 1。

这是整个产品卡的代码:-

<h5 class="card-title">{{ product.name }}</h5>
<p class="card-text">{{ product.price }}</p>
<a href="#" class="btn btn-primary">Add to Cart</a>

标签: pythonhtmldjango

解决方案


您不需要为此使用 jQuery。

let btn = document.getElementsByClassName('btn-primary');
let qty = 1; //get your curent quantity here
btn[0].addEventListener('click', incrementCart(qty));

incrementCart = (qty) => {
  return parseInt(qty) ++; 
}

推荐阅读