Javascript 打印页面

Question

您好，我有一个包含问题和答案的调查页面（survey.aspx）。 一些答案有单选按钮和复选框。 该页面有一个打印按钮。当用户单击打印按钮时 另一个页面（survey_print.aspx）将打开，其中包含打印内容。 我在打印页面中有所有内容单选按钮和复选框。 但如何在打印页面中显示选中的单选按钮和复选框。 这必须使用 Javascript 或 jquery 来完成。 知道如何做到这一点。 预先感谢

Answer 1

作为替代方案，您可以在调查页面上使用 打印样式表，从而无需单独的

survey_print.aspx

。

通过使用打印样式表，如果用户单击浏览器的打印按钮（或按 Ctrl+P），您还可以获得正常工作的好处。 您只需更改页面的打印按钮即可调用

window.print()

。

Answer 2

您必须将选定的值发送到您的打印页面（作为 POST 或 GET 参数）。如果您使用 jQuery，您可能需要研究 click 函数和 :input 选择器。

另一个想法是完全省略打印页面并为打印媒体类型提供一些CSS。这种样式仅用于打印视图（您可以隐藏网站导航、页眉、页脚等）。

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

Answer 3

只要两个页面都是从同一个网站提取的，其中一个页面的脚本就可以影响另一个页面。 这是一个例子：

function printForm() {
    var preview = window.open(urlPrint);
    var inputs = document.forms.myForm.elements;
    var previewInputs = preview.document.forms.myForm.elements;

    for (var i = 0; i < inputs.length; i++) {
        var input = inputs[i];
        var previewInput = previewInputs[i];

        if (input.checked) previewInput.checked = true;
        if (input.selected) previewInput.selected = true;
    }

    preview.print();
}

我已经将 一个工作示例放在 jsFiddle 上（尽管它使用

document.write()

而不是单独的 URL 创建预览窗口）。

document.forms

：https://developer.mozilla.org/en/DOM/document.forms

form.elements

：https://developer.mozilla.org/en/DOM/form.elements