想要使用onclick显示隐藏按钮

Question

如何使用onclick创建一个名为“添加到购物车”的隐藏按钮？
我有剩下的代码来调用函数packageTotal（），但是也需要添加到购物车按钮。

<input type="button" value="Submit"
onclick="javascript:packageTotal();addtoCart();">

Answer 1

您需要动态设置按钮的类

例如，如果你有一个这样的按钮：

<button id="add-to-cart" class="hidden">Add to Card</button>

并在您的css文件中：

`.hidden{
    visibility: hidden;
}`

当你希望它出现时，只需删除该类！

$('#add-to-cart').removeClass('hidden')

Answer 2

如果这是在JS / jQuery中，那么我将在html中创建元素并显示CSS：none;在那个元素上。每当你激活那个元素并希望它显示时，我只需抓住它并使用.show（）（一个jQuery函数）。

$('#addToCart').onClick(function() {
    addItemToCart(item);
    $('#shoppingCartButton').show();
});

Answer 3

我认为问题不清楚..如果你问如何显示添加到购物车按钮，当另一个事件被触发时隐藏然后..你可以使用：$('#addToCart').show();其中#addToCart是按钮的ID。