Woocommerce 空购物车按钮。 "Are you sure?"

Question

我在我的 Woocommerce 购物车页面上添加了一个 [清空购物车] 按钮。

太棒了。

我想添加一个弹出窗口来询问用户"Are you sure?"

以防他们购物了两个小时，然后误按了这个按钮。

我认为这是这里的习惯 JavaScript。

假设按钮的 ID 为 myButton。

Answer 1

根据您在评论中的标记，试试这个：

document.getElementsByName("empty_cart")[0].onclick = function(e) {
  var choice = confirm("Are You Sure ?");
  if (!choice) {
    //Cancel submit
    e.preventDefault();
  }
};

<form method="post" action="#">
  <input class="button" type="submit" value="Empty Cart" name="empty_cart">
</form>

您使用的是 getElementByName 和 fuction；都不存在。为了更容易发现这样的小错误，在 Javascript 上工作时，请在浏览器的开发人员工具中打开 控制台 选项卡。吐出来TypeError: Object #<HTMLDocument> has no method 'getElementByName'.

Woocommerce 空购物车按钮。 "Are you sure?"

Woocommerce empty cart button. "Are you sure?"

javascript

popup

cart

woocommerce