编程 Javascript

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

Posted in Javascript onMarch 17, 2017

套打就是指不打印表单上的表结构和固定的文言，只把会变化的数据打印出来，下面的例子就是不把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.画面显示

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

3.打印结果

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

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

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js类型检查实现代码

Oct 29 Javascript

js split 的用法和定义 js split分割字符串成数组的实例代码

May 13 Javascript

jQuery实用函数用法总结

Aug 29 Javascript

javascript使用正则获取url上的某个参数

Sep 04 Javascript

angularjs 表单密码验证自定义指令实现代码

Oct 27 Javascript

Node.js开发教程之基于OnceIO框架实现文件上传和验证功能

Nov 30 Javascript

Angular实现跨域(搜索框的下拉列表)

Feb 16 Javascript

将Sublime Text 3 添加到右键中的简单方法

Dec 12 Javascript

js for终止循环跳出多层循环

Oct 04 Javascript

javascript canvas封装动态时钟

Sep 30 Javascript

electron踩坑之dialog中的callback解决

Oct 06 Javascript

JavaScript实现音乐播放器

Aug 14 Javascript

基于bootstrap实现收缩导航条

Mar 17 #Javascript

javascript基本数据类型和转换

Mar 17 #Javascript

详解vue与后端数据交互(ajax)：vue-resource

Mar 16 #Javascript

js实现一键复制功能

Mar 16 #Javascript

js判断PC端与移动端跳转

Dec 24 #Javascript

jquery编写日期选择器

Mar 16 #Javascript

jquery事件与绑定事件

Mar 16 #Javascript

You might like

php简单对象与数组的转换函数代码(php多层数组和对象的转换)

2011/05/18 PHP

php 搜索框提示(自动完成)实例代码

2012/02/05 PHP

ThinkPHP自动填充实现无限级分类的方法

2014/08/22 PHP

PHP中$_SERVER使用说明

2015/07/05 PHP

总结的一些PHP开发中的tips(必看篇)

2017/03/24 PHP

PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】

2019/03/27 PHP

ThinkPHP3.2.3框架实现的空模块、空控制器、空操作，跳转到错误404页面图文详解

2019/04/03 PHP

基于laravel where的高级使用方法

2019/10/10 PHP

JSON JQUERY模板实现说明

2010/07/03 Javascript

基于jQuery试卷自动排版系统

2010/07/18 Javascript

jquery uaMatch源代码

2011/02/14 Javascript

JS 跳转页面延迟2种方法

2013/03/29 Javascript

获取非最后一列td值并将title设为该值的方法

2013/10/30 Javascript

JavaScript常用验证函数实例汇总

2014/11/25 Javascript

Jqgrid之强大的表格插件应用

2015/12/02 Javascript

javascript性能优化之DOM交互操作实例分析

2015/12/12 Javascript

Bootstrap3制作图片轮播效果

2016/05/12 Javascript

bootstrap——bootstrapTable实现隐藏列的示例

2017/01/14 Javascript

vue实现移动端图片裁剪上传功能

2020/08/18 Javascript

Angular实现类似博客评论的递归显示及获取回复评论的数据

2017/11/06 Javascript

详解基于React.js和Node.js的SSR实现方案

2019/03/21 Javascript

vue-cli项目使用mock数据的方法（借助express）

2019/04/15 Javascript

js实现表格数据搜索

2020/08/09 Javascript

js实现缓动动画

2020/11/25 Javascript

使用Python编写Linux系统守护进程实例

2015/02/03 Python

探究数组排序提升Python程序的循环的运行效率的原因

2015/04/01 Python

TensorFlow平台下Python实现神经网络

2018/03/10 Python

pandas 按日期范围筛选数据的实现

2021/02/20 Python

美国家喻户晓的保健品品牌：Vitamin World（维他命世界）

2016/08/19 全球购物

社会实践心得体会

2014/01/03 职场文书

党员先锋岗事迹材料

2014/05/08 职场文书

学院党委班子四风问题自查报告及整改措施

2014/10/25 职场文书

2016年6月份红领巾广播稿

2015/12/21 职场文书

《乘法分配律》教学反思

2016/02/24 职场文书

2017元旦、春节期间廉洁自律承诺书

2016/03/25 职场文书

Java实现斗地主之洗牌发牌

2021/06/14 Java/Android