jqueryPrintArea票据的套打功能实现方法

来源：动视网责编：小OO 时间：2020-11-27 20:05:12

jqueryPrintArea票据的套打功能实现方法

下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。1.代码；<；html>；<；head>；<；script type="；text/javascript"；src="；jquery-1.7.2.min.js"；>；<；/script>；<；script type="；text/javascript"；src="；jquery.PrintArea.js"；>；<；/script>；<；/head>；<；body>；<；table>；<；tr>；<；td>；name：<；/td>；<；<。

推荐度：

点击下载本文 文档为doc格式

导读下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。1.代码；<；html>；<；head>；<；script type="；text/javascript"；src="；jquery-1.7.2.min.js"；>；<；/script>；<；script type="；text/javascript"；src="；jquery.PrintArea.js"；>；<；/script>；<；/head>；<；body>；<；table>；<；tr>；<；td>；name：<；/td>；<；<。

套打就是指不打印表单上的表结构和固定的文言，只把会变化的数据打印出来，本文主要为大家带来一篇jquery PrintArea 实现票据的套打功能(代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。

1.代码

<html> 
<head> 
 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
 <script type="text/javascript" src="jquery.PrintArea.js"></script> 
</head> 
<body> 
 <table> 
 <tr> 
 <td> 
 name: 
 </td> 
 <td></td> 
 </tr> 
 <tr> 
 <td> 
 name2: 
 </td> 
 </tr> 
 </table> 
 
 <p class="my_show"> 
 <p style="position: absolute; left: 60px; top: 10px;"> 
 aaa 
 </p> 
 <p style="position: absolute; left: 60px; top: 35px;"> 
 bbb 
 </p> 
 </p> 
 
 <a href="javascript:;" rel="external nofollow" id="print" />打印</a> 
 
 <script type="text/javascript"> 
 $(document).ready(function() { 
 $("#print").click(function() { 
 $(".my_show").printArea() 
 }) 
 }); 
</script> 
</body> 
</html>

2.画面显示