想要使用onclick显示隐藏按钮

Want to show a hidden button using onclick

本文关键字：显示 隐藏 按钮 onclick      更新时间：2024-06-22

如何使用onclick显示名为"添加到购物车"的隐藏按钮
我有剩余的代码来调用函数packageTotal（），但也需要一个添加到购物车按钮。

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

您需要动态设置按钮的类

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

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

并且在您的css文件中：

`.hidden{
    visibility: hidden;
}`

当你想让它出现时，只需删除类！

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

如果这是在JS/jQuery中，那么我会在html中创建元素，并显示CSS：none；在该元素上。无论何时激活该元素并希望其显示，我都会简单地获取它并使用.show（）（一个jQuery函数）。

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

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

相关文章：