window.print()批量打印

这是一个通过复选框勾选获取内容批量打印的例子:

1、在页面上添加一个

的div标签,这是用来存放打印的所有内容;

2、点击勾选复选框时,获取该条打印的内容,然后$("#js_print_content").append('

'+内容+'
');

            (获取内容时,我这里是在原本别人代码上弄的,所以可能有点麻烦,你们根据自己需求弄比较好)

2.1 获取该条打印的内容:

       (1) 勾选复选框时,在页面上添加标签,请求该条打印的内容,iframe load完,把内容添加进$("#js_print_content")对象里,这里是同过iframe的name值来区分各自的iframe。

        (2)不勾选复选框时,把$("#js_print_content")对象里的对应

和页面上对应的iframe删除

        (3)全选和反选时的操作原理同上

注释:page-break-after:always 在每条数据后面加翻页,即每条数据一页,当然如果它本身超过一页,会自然翻页,不用管。

3、打印,先存储当前的页面内容,获取需要打印的内容放到body上,打印后再把之前页面内容还原;

例如:var newstr = $("#js_print_content").html();
           var oldstr = $("body").prop("outerHTML");
   $("body").html(newstr);
    window.print();

   $("body").html(oldstr);


你可能感兴趣的:(window.print()批量打印)