【JS新手教程】LODOP打印复选框选中的任务或页数

之前的博文：【JS新手教程】LODOP打印复选框选中的内容
关于任务：Lodop打印语句最基本结构介绍（什么是一个任务）
关于本文用到的JS的eval方法：JS-JAVASCRIPT的eval()方法
该文用的是不同checkbox，对应不同的value值，不同的value是不同的打印项语句，也可以不用value属性，直接不同checkbox对不同字符串，然后加载执行该字符串，用eval方法执行里面的JS语句。

这里面有两种输出方式，选择三个复选框，每个一个任务输出，输出三个任务，该文用xps虚拟打印机测试，输出为三个xps文件。第二种循环newpage，一个任务多页，输出一个xps文件，该文件里有三页。
INIT和PRINT放在循环之外，里面用newpage分隔，一个任务打印多页。（三个复选框都选，就是打印三页）
INIT和PRINT放在循环之内，不加分页，一个任务一页，打印三个任务。（三个复选框都选，就是打印三个任务）

代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
输入选择人名：<input type="text" id="T1"><br>
<hr>
选择第一组：
<input type="checkbox" id="CK0" name="hob" value="">内容加矩形
<input type="checkbox" id="CK1" name="hob" value="">条码和椭圆
<input type="checkbox" id="CK2" name="hob" value="">二维码和直线
<hr>
<div id="hom">
选择第二组：
<input type="checkbox" value="">内容加矩形
<input type="checkbox" value="">条码和椭圆
<input type="checkbox" value="">二维码和直线
<hr>
</div>
<a href="javascript:prn1_preview()">第一组的选择,分任务输出选择的多个任务</a><br>
<a href="javascript:prn2_preview()">第二组的选择,一个任务输出多页</a><br>
<script language="javascript" type="text/javascript">   var LODOP; //声明为全局变量 function prn1_preview() {document.getElementById("CK0").value="LODOP.ADD_PRINT_TEXT(37,92,58,23,'内容1');LODOP.ADD_PRINT_RECT(73,77,100,60,0,1);LODOP.ADD_PRINT_TEXT(92,186,94,20,'内容1');"; document.getElementById("CK1").value="        LODOP.ADD_PRINT_SHAPE(5,37,94,100,60,0,1,'#FFFF80');LODOP.ADD_PRINT_BARCODE(105,105,100,60,'Code39','123456789012');"; document.getElementById("CK2").value="LODOP.ADD_PRINT_BARCODE(51,123,140,81,'QRCode','123456789012');LODOP.ADD_PRINT_LINE(130,74,136,243,0,6);"; LODOP=getLodop(); obj_allhob=document.getElementsByName("hob");for (i=0;i<obj_allhob.length;i++) {if (document.getElementById("CK"+i).checked) {LODOP.PRINT_INIT("");LODOP.SET_PRINT_PAGESIZE(1,600,800,"");eval(document.getElementById("CK"+i).value);LODOP.PRINT();}             }};function prn2_preview() {var div_hom=document.getElementById("hom");var obj_allhom=div_hom.getElementsByTagName("input");    obj_allhom[0].value="LODOP.ADD_PRINT_TEXT(37,92,58,23,'内容1');LODOP.ADD_PRINT_RECT(73,77,100,60,0,1);LODOP.ADD_PRINT_TEXT(92,186,94,20,'内容1');"; obj_allhom[1].value="        LODOP.ADD_PRINT_SHAPE(5,37,94,100,60,0,1,'#FFFF80');LODOP.ADD_PRINT_BARCODE(105,105,100,60,'Code39','123456789012');"; obj_allhom[2].value="LODOP.ADD_PRINT_BARCODE(51,123,140,81,'QRCode','123456789012');LODOP.ADD_PRINT_LINE(130,74,136,243,0,6);"; LODOP=getLodop();        LODOP.PRINT_INIT("");LODOP.SET_PRINT_PAGESIZE(1,600,800,"");for (i=0;i<obj_allhom.length;i++) {if (obj_allhom[i].checked) {LODOP.NEWPAGE();        eval(obj_allhom[i].value);}             }LODOP.PRINT();};
</script>
</body>

图示：

转载于:https://www.cnblogs.com/huaxie/p/10837474.html

【JS新手教程】LODOP打印复选框选中的任务或页数相关推荐

js怎么获取复选框选中的值
本篇文章主要给大家介绍js获取复选框选中的值的实现方法. js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度. 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的 ...
通用样式 -表格的每行的复选框选中打印，清除已勾选
1,在el-table上加单选select2和全选selectAll的方法, 2,增加一列el-table-column <el-table @select="select2" ...
通用样式 -表格的每行的复选框选中打印
1,在el-table上加单选select2和全选selectAll的方法, 2,增加一列el-table-column <el-table @select="select2" ...
扩展GridView控件(7) - 行的指定复选框选中时改变行的样式
GridView既强大又好用.为了让它更强大.更好用,我们来写一个继承自GridView的控件. [索引页] [×××] 扩展GridView控件(7) - 行的指定复选框选中时改变行的样式作者:w ...
jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
元素的选中问题元素选中的问题切换复选框选中全选和全不选
元素的选中问题 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
如何通过name获取单选框和复选框选中状态的value值？
概述有时候我们会遇到这组情况,就是需要通过单选框的name值获取到当前选中状态的value值,提交到后端,进行数据的修改,那么我们就来看看如何进行获取吧! 应用场景:我们有时候需要获取到单选框或者是 ...
支付宝小程序获取复选框选中值id，使其显示且可编辑
问题概述在做支付宝小程序编辑表单时,需要将用户之前填.选的信息显示出来后再编辑.这里针对复选框选中值的获取显示,通过服务端发送请求后拿到的选中id,显示选中值并且可编辑. axml代码片段 < ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...

【JS新手教程】LODOP打印复选框选中的任务或页数

【JS新手教程】LODOP打印复选框选中的任务或页数相关推荐

最新文章

热门文章