之前的博文：【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>

图示：

【JS新手教程】LODOP打印复选框选中的任务或页数的更多相关文章

  1. 【JS新手教程】LODOP打印复选框选中的内容

    在html中,复选框是常见的使用之一,本文介绍如何获取选中的复选框的值,并用LODOP打印.给需要为一组的复选框,复选框的checkbox设置相同的name属性,设置不同的id,然后设置需要的valu ...

  2. bootstrap table 复选框选中后，翻页不影响已选中的复选框

    使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...

  3. js input复选框选中父级同时子级也选中

    js实现复选框选中父级元素子级元素也选中,没有子级元素选中父级也不选中的效果 HTML <tr> <td> <label> <input name=" ...

  4. JS复选框选中

    Web前端之复选框选中属性   熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...

  5. springMvc接收ajax数组参数，以及jquery复选框选中、反选、全选、全不选

    一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...

  6. jquery复选框 选中事件 及其判断是否被选中

    jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery   今天做了 显示和不显示密 ...

  7. Web前端之复选框选中属性

    熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...

  8. Javascript 统计复选框选中个数

    var checked = document.getElementsByName("checked_c[]"); var checked_counts = 0; for(var i ...

  9. Jquery获取当前页面中的复选框选中的内容

    在使用$.post提交数据时,有一个数据是复选框获取数据,所以在当前页面获取到复选框选中的值并提交到后端卡住了一下,解决方法如下: 这两个input就是复选框的内容: str += "< ...

随机推荐

  1. Tensorflow细节-P62-完整的神经网络样例程序

    这样是比较好的一个summary命名 (1)'networks'.'layer_%d' % n_layer.'weights'三个命名空间相互叠加 (2) if i % 50 == 0: result ...

  2. 【JQuery】操作前端控件知识笔记

    一.jQuery操作复选框checkbox 1.设置选中.取消选中.获取被选中的值.判断是否选中等 注意:操作checked.disabled.selected属性,强制建议只用prop()方法!!, ...

  3. C 指针常量 和常量指针 指向常量的指针常量的使用

    #include <stdio.h> /* 指针常量 和常量指针 指向常量的指针常量 */ int main() { int a = 100; int b =200; int* const ...

  4. noi.ac #44 链表+树状数组+思维

    \(des\) 给出长度为 \(n\) 的序列,全局变量 \(t\),\(m\) 次询问,询问区间 \([l, r]\) 内出现次数为 \(t\) 的数的个数 \(sol\) 弱化问题:求区间 \([ ...

  5. 41、Hive数据源复杂综合案例

    一.Hive数据源案例 1.概述 Spark SQL支持对Hive中存储的数据进行读写.操作Hive中的数据时,必须创建HiveContext,而不是SQLContext.HiveContext继承自 ...

  6. vim的四大模式

    vim的四大模式 总结了下我经常使用的模式中的一些基本命令 正常模式 通过vim进入到界面, 首次即为正常模式 编辑模式 (i,a,o,s,I,A,S) i: 当前节点插入光标点 a: 下一个字母后插 ...

  7. react 通过 xlink 方式引用 iconfont

    项目中采用 xlink 的方式引用 iconfont 文件,在正常的 html 文件中可以正常引用,但是在 react 下确不可以运行. 经过查找,发现需要更改如下 引入的属性默认为 xlink-hr ...

  8. gdb tui设置默认窗口高度

    gdb -p 12999 -tui 先显示win信息(输入:info win) 显示如下: SRC (35 lines) <has focus> CMD (17 lines) 我们要改的是 ...

  9. Django重定向你是如何实现的?用的什么状态码?

    使用HttpResponseRedirect redirect和reverse 状态码:302,301

  10. WSL2（Ubuntu）安装Docker

    原文链接:https://www.cnblogs.com/blog5277/p/12071400.html 原文作者:博客园--曲高终和寡 *******************如果你看到这一行,说明 ...