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