jquery - 允许用户隐藏打印样式

我有一个为客户构建的发票系统，标题中包含敏感数据，第二个div中包含订单信息

目前，我已设置此样式：

@media print {
.topbar {
    display:none;
}
}

因此客户可以打印出发票并将其发送给客户，而不会在打印页面中显示.topbar中的信息。

现在，他希望从选项下拉菜单中选择客户发票（.topbar中没有内容）或打印带有.topbar信息的完整发票供自己使用。

我对如何做到这一点感到困惑。我知道如何使用onchange，但是我不确定要使用哪种方法来禁用，启用（@media print）样式。

汤米，任何帮助将不胜感激

最佳答案

CSS：

 <style type="text/css">
    .topBar { ... }
    @media print { .topBarPrint { display: none; }}
 </style>

HTML：

<div id="topBar" class="topBar topBarPrint">Sensitive Content</div>

然后，根据下拉列表的值，使用addClass()和removeClass()添加或删除topBarPrint类。

关于jquery - 允许用户隐藏打印样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5395931/