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

Question

我已将 [空购物车] 按钮添加到我的 Woocommerce 购物车页面。

太棒了。

我想添加一个弹出窗口来询问用户“您确定吗？”

万一他们购物了两个小时，然后错误地点击了这个按钮。

我认为这是自定义 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' .