编程 Javascript

jQuery插件jquery-barcode实现条码打印的方法

Posted in Javascript onNovember 25, 2015

本文实例讲述了jQuery插件jquery-barcode实现条码打印的方法。分享给大家供大家参考，具体如下：

这是一个纯js的jQuery插件，项目地址：http://barcode-coder.com/en/barcode-jquery-plugin-201.html

使用示例:

<!doctype html>
<html>
 <head>
  <title>jQuery Barcode</title>
  <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="jquery-barcode.js"></script>
  <style type="text/css">
  .barcodeImg{margin:10px 0px}
  </style>
 </head>
 <body>
  <div style="margin:10px"> 
   <input id="src" value="11225921991"></input><br/>    
   <input type="button" onclick='code11()' value="code11">  
   <input type="button" onclick='code39()' value="code39"> 
   <input type="button" onclick='code93()' value="code93">
   <input type="button" onclick='code128()' value="code128">
   <input type="button" onclick='ean8()' value="ean8">   
   <input type="button" onclick='ean13()' value="ean13">
   <input type="button" onclick='ean13()' value="std25">
   <input type="button" onclick='int25()' value="int25">
   <input type="button" onclick='msi()' value="msi">
   <input type="button" onclick='datamatrix()' value="datamatrix">
   <div id="bcTarget" class="barcodeImg"></div>   
  </div>
  <script type="text/javascript">
  function code11(){
   $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code39(){
   $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code93(){
   $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
  }
  function code128(){
   $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
  }
  function ean8(){
   $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
  }
  function ean13(){
   $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
  }
  function std25(){
   $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
  }
  function int25(){
   $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
  }
  function msi(){
   $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
  }
  function datamatrix(){
   $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
  }
  </script>
 </body>
</html>

运行效果截图如下：

jQuery插件jquery-barcode实现条码打印的方法

完整实例代码代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

jQuery插件jquery-barcode实现条码打印的方法

- Author -

菩提树下的杨过

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

Javascript 相关文章推荐

createElement与createDocumentFragment的点点区别小结

Dec 19 Javascript

JS打印gridview实现原理及代码

Feb 05 Javascript

jQuery jcrop插件截图使用方法

Nov 20 Javascript

JavaScript中的单引号和双引号报错的解决方法

Sep 01 Javascript

javascript比较两个日期的先后示例代码

Dec 31 Javascript

JS实现可拖曳、可关闭的弹窗效果

Sep 26 Javascript

jQuery实现的网页右下角tab样式在线客服效果代码

Oct 23 Javascript

JS实现选项卡实例详解

Nov 17 Javascript

详解AngularJS 模块化

Jun 14 Javascript

关于vue-resource报错450的解决方案

Jul 24 Javascript

详解javascript中var与ES6规范中let、const区别与用法

Jan 11 Javascript

微信小程序实现上传照片代码实例解析

Aug 04 Javascript

JavaScript编写简单的计算器

Nov 25 #Javascript

HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

Nov 25 #Javascript

jQuery插件formValidator自定义函数扩展功能实例详解

Nov 25 #Javascript

jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法

Nov 25 #Javascript

基于jQuery实现响应式圆形图片轮播特效

Nov 25 #Javascript

jquery+css实现动感的图片切换效果

Nov 25 #Javascript

基于jQuery实现拖拽图标到回收站并删除功能

Nov 25 #Javascript