jquery PrintArea 實現(xiàn)票據(jù)的套打功能(代碼)
套打就是指不打印表單上的表結(jié)構(gòu)和固定的文言,只把會變化的數(shù)據(jù)打印出來,下面的例子就是不把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>
<div class="my_show">
<div style="position: absolute; left: 60px; top: 10px;">
aaa
</div>
<div style="position: absolute; left: 60px; top: 35px;">
bbb
</div>
</div>
<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.畫面顯示

3.打印結(jié)果

以上這篇jquery PrintArea 實現(xiàn)票據(jù)的套打功能(代碼)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jquery checkbox,radio是否選中的判斷代碼
jquery checkbox,radio是否選中的判斷代碼,需要的朋友可以參考下。2010-03-03
jquery實現(xiàn)點擊label的同時觸發(fā)文本框點擊事件的方法
這篇文章主要介紹了jquery實現(xiàn)點擊label的同時觸發(fā)文本框點擊事件的方法,涉及jQuery鼠標事件及頁面元素操作的技巧,需要的朋友可以參考下2015-06-06
jquery.form.js框架實現(xiàn)文件上傳功能案例解析(springmvc)
這篇文章主要為大家詳細介紹了jquery.form.js/springmvc文件上傳功能的實現(xiàn)步驟,使用的技術有jquery.form.js框架,以及springmvc框架,具有實用價值,感興趣的小伙伴們可以參考一下2016-05-05
jQuery得到多個值只能用取Class ,不能用取ID的方法
下面小編就為大家?guī)硪黄猨Query得到多個值只能用取Class ,不能用取ID的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
Jquery+WebService 校驗賬號是否已被注冊的代碼
在Javascirpt代碼中,調(diào)用Jquery的方法$.Ajax(function)實現(xiàn)Ajax,傳遞賬號信息給Web服務,Web服務再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫,并返回數(shù)據(jù)給前臺頁面。2010-07-07

