0

设置是当用户到达页面时，它会将他们的信息放在他们放在以前的表单中以供查看的页面上。页面上还有一个包含 3 个选项的表单，每个选项旁边都有一个复选框，表单底部还有一个按钮，上面写着“打印”。

用户正在查看的页面顶部的信息也适用于隐藏在 div 中的 3 个字母。每个复选框代表一个隐藏的字母，比如 letter1、letter2 和 letter3。

因此，我需要一个表单，该表单将为 3 个字母中的每一个提供一个复选框，一个在单击时打印整个页面的提交按钮，以及当单击打印按钮时表单将一个类应用于每个选定字母的 div ，所以 print.css 只会打印应用了这个类的 div。我希望所有这些都使用 javascript 或 jquery 完成，但实际上任何简单的方法都是受欢迎的。

感谢所有的帮助！

<form action="" id="letterPrint">

<input type="checkbox" name="letter1" value="letter1" /> Letter 1

<input type="checkbox" name="letter2" value="letter2" /> Letter 2

<input type="checkbox" name="letter3" value="letter3" /> Letter 3

<input type="submit" value="print" />

</form>

这是我迄今为止的形式。

4

2 回答 2

0

首先，添加打印样式表不需要特定 div 的类。下面的代码使得当您的页面打印时它将获取您的打印 css 并将其应用于页面，然后再将其发送到打印。

<link rel="stylesheet" type="text/css" href="path/to/screen.css" media="screen" />

<link rel="stylesheet" type="text/css" href="path/to/print.css" media="print"/>

让它自动打印比看起来更棘手。但是，您可以使用此代码调出打印框

if (window.print) {
    window.print();
}

无法将页面直接发送到打印机进行打印，因为将数据发送到打印机所需的打印信息位于操作系统上。JavaScript 只与浏览器交互。

于 2011-01-28T19:41:58.123 回答
0

这就是你要找的吗？

于 2011-01-28T19:50:16.733 回答