jquery PrintArea 实现票据的套打功能(代码)

下面小编就为大家带来一篇jquery PrintArea 实现票据的套打功能(代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

套打就是指不打印表单上的表结构和固定的文言,只把会变化的数据打印出来,下面的例子就是不把name和name2打印出来,只把aaa和bbb打印出来。

1.代码

<html> <head> <script type="text/javascript" src="https://www.jb51.net/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/jquery.PrintArea.js"></script> </head> <body> <table> <tr> <td> name: </td> <td></td> </tr> <tr> <td> name2: </td> </tr> </table> <div> <div> aaa </div> <div> bbb </div> </div> <a href="javascript:;" />打印</a> <script type="text/javascript"> $(document).ready(function() { $("#print").click(function() { $(".my_show").printArea() }) }); </script> </body> </html>

2.画面显示

jquery PrintArea 实现票据的套打功能(代码)

3.打印结果

jquery PrintArea 实现票据的套打功能(代码)

以上这篇jquery PrintArea 实现票据的套打功能(代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwwzdg.html