打印时候复选框勾选不见了_使用JS实现分页打印(复选框勾选打印)
需要用到table的page-break-after: always;
pageEncoding="UTF-8"%>
Insert title here
function ckAll(){
var flag = document.getElementById("allcheck").checked;
var cks = document.getElementsByName("check");
for(var i =0;i
cks[i].checked = flag;
}
}
function sub(){
//获取名为check的复选框
var cks = document.getElementsByName("check");
//获取打印的div
var print_div=document.getElementById("print");
//用于存储需要打印的所有数据
var content="";
//用于存储每页需要打印的数据
var str="";
//获取复选框被选中的个数
var checklen=$("input[name='check']:checked").length;
//以名为check的复选框个数作为条件循环
for(var i = 0;i
//过滤被选中的复选框
if(cks[i].checked){
//将被勾选的复选框的值赋值到打印div里
var td =document.getElementById("table").rows[i+1].cells[1].innerHTML;
var name=document.getElementById("table").rows[i+1].cells[2].innerHTML;
var age=document.getElementById("table").rows[i+1].cells[3].innerHTML;
var birth=document.getElementById("table").rows[i+1].cells[4].innerHTML;
$("#lbl_id").text(td);
$("#lbl_name").text(name);
$("#lbl_age").text(age);
$("#lbl_birth").text(birth);
//将被勾选的复选框数据循环添加到content
str = document.getElementById("print").innerHTML;
content = content+str;
//每循环一次被选中的复选框个数-1
checklen--;
//当被选中的复选框个数为0开始打印
if(checklen==0){
var printStr="
";
printStr = printStr+content+"";
var pwin = window.open("Print.htm","print");
pwin.document.write(printStr);
pwin.document.close();
pwin.print();
}
//bdhtml=window.document.body.innerHTML; //获取当前页的html代码
//sprnstr=""; //设置打印开始区域
//eprnstr=""; //设置打印结束区域
// prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始代码向后取html
// prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //从结束代码向前取html
// window.document.body.innerHTML=prnhtml;
// window.print();
}
}
}
编号 | 姓名 | 年龄 | 生日 | |
${list.id} | ${list.name} | ${list.age } | ${list.birth } |
提交
用户信息
编号
姓名
年龄
生日
打印时候复选框勾选不见了_使用JS实现分页打印(复选框勾选打印)相关推荐
- vc 文本框 只显示下划线_【Axure9百例】36.文本框搜索自动匹配
" 根据输入的内容自动显示匹配内容列表." 这是<Axure9百例>系列第36篇 在文本框搜索时,自动匹配搜索的内容,并以列表的形式显示在文本输入框的下方,选中一项后当 ...
- 批量删除,未勾选数据,点击【批量删除】弹出确认删除提示框
批量删除,未勾选数据,点击[批量删除]弹出确认删除提示框 给table组件,添加ref="selections" 在分页方法中,添加方法.设置为空
- html复选框全选怎么实现,js html css实现复选框全选与反选
本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 html+css+js实现复选框全选与反选 table,tr,td { border:1px solid red; } fu ...
- html 下拉多选框代码,js实现下拉复选框效果(代码实例)
本章给大家带来用js实现下拉复选框效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果: 下面我们看看代码: HTML代码: HTML CSS JavaScri ...
- 2019数据安装勾选_发票系统2.0平台安装及发票勾选操作步骤
一.增值税发票综合服务平台安装 1.平台网址https://fpdk.liaoning.chinatax.gov.cn/ 支持火狐.谷歌.IE8以上版本浏览器.本文以火狐浏览器为例.登陆网址后,出现以 ...
- 查询当天数据_【财会人职场必备】发票勾选、查询、认证等25问!简直太全了!都收藏了!...
收藏:新系统专票勾选/查询/认证时间等25个问题 问题1-10 增值税发票综合服务平台对哪些企业开放? 答:增值税发票综合服务平台将取消增值税发票认证扩大到所有增值税一般纳税人,增值税一般纳税人取得增 ...
- html选择文件夹插件,js/jq仿window文件夹框选操作插件
0.先给大家看看效果: 1.创建一个index.html文件 Title ul{list-style: none} li{width:200px;margin:10px;float:left;heig ...
- 点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
- radio 微信小程序 点击取消_微信小程序如何实现radio单选框单击打勾和取消
前端使用input 来写radio,小程序使用radio标签 也可以使用单标签 1.自定义radio样式. wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-rad ...
- st-link v2怎么连接_【粉猪测评】入门级游戏鼠标怎么选(200内)
俗话说得好,鞋舒不舒服只有脚知道,鼠标也是如此不同的模具带来的手感差距也天差地别. 我是 @PinkPig,让我带你了解怎么样买到自己心仪的鼠标. 本文更新时间 2020-09-11 首先你需要先看一 ...
最新文章
- rhcs做HA时的资源释放脚本实现
- windows下FileZilla使用sftp(SSH-2)
- 导航栏下拉菜单效果代码
- AFNetworking 3.0 发送soap到webservice
- php养老院管理系统,XYCMS养老院建站系统 v3.8
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(52)-美化EasyUI皮肤和图标
- FCLK、HCLK、PCLK
- Unigam标注和Ngram标注
- sun end seven game losing streak
- IBM中低端存储解决方案
- c51单片机秒表程序c语言,单片机简易秒表C51程序
- wi ndows防火墙,网吧的防火墙怎么关?四种方法关闭WINDOWS防火墙
- 基于android个人记账本的软件设计,基于Android的个人记账软件的设计与实现-开题报告...
- 浅析大数据与传统经济学
- 根据股票涨跌用KMeans进行分类
- python中的关系运算符可以连续室友_在Python中,关系运算符可以连续使用,例如135等价于13 and 35。...
- gif录制软件:ScreenToGif
- 路由跟踪命令 查看DNS IP Mac等
- 嵌入式Linux驱动学习【9】—— Nor Flash
- 微信小程序中使用ECharts--折线图、柱状图、饼图等
热门文章
- 算法训练 - 黑色星期五 有些西方人比较迷信,如果某个月的13号正好是星期五,他们就会觉得不太吉利,用古人的说法,就是“诸事不宜”。请你编写一个程序,统计出在某个特定的年份中,出现了多少次既是13号又
- CSS边框border属性
- 苹果无线网服务器改什么速度快,iPhone网速慢怎么办?苹果手机如何配置DNS?
- 年报文本分析:jieba词频统计
- oracle数据库审计要素,明御数据库审计及风险控制系统招标参数.docx
- AOC显示器OSD已锁是什么意思?怎么解锁?
- Issure: LookupError: unknown encoding: cp65001
- 参数显著性检验的p值小于显著性水平不等于其具有经济学意义
- 身份证号判断男女和生日
- 解决WIN10家庭版无法远程桌面连接的问题