原生js打印阅览复选框不显示问题

原生js打印预览，主要是阅览时候回出现一些问题，比如复选框传值，√不显示，那么怎么来解决这个问题呢？首先我们看一下效果图：我的页面是vue环境

这是预览状态，√和元页面一致，已经传过来了，首先原生js打印阅览指定区域是怎么做的呢？

一、html部分

<div class="PropertyReport" id="subOutputRank-print">省略...........................省略
</div>

二、js，调用改方法即可

doPrint(e) {let subOutputRankPrint = document.getElementById('subOutputRank-print')let newContent = subOutputRankPrint.innerHTMLlet oldContent = document.body.innerHTMLdocument.body.innerHTML = newContentwindow.print()window.location.reload()document.body.innerHTML = oldContentreturn false}

以上两部即可以实现预览打印了。

三、解决复选框√问题

1、html

<div style="display: flex;margin-left: 5px"><input type="checkBox" v-model="checkedReceipt" id="CheckQdsf" style="margin-top:2px;width: 14px; height: 14px"><div style="margin-top: 1px;margin-left: 5px">签单收费</div></div>

2、js写法

document.getElementById('CheckQdsf').setAttribute('checked', 'checked')

需要用这种方式来设置值才来显示，vue组件或者input绑定值在阅览时候都是无法显示的。

四、最后如果不想要阅览顶部和底部的文字只需要点击阅览左边设置即可，如图所示：

这样就ok

原生js打印阅览复选框不显示问题相关推荐

maya python 弹出窗口_maya python打印状态复选框？
我正在使用一个处于python状态的python.我想知道是否有人能帮我.当前,当用户点击Distribute按钮时,它将调用一个函数,该函数应打印"x"复选框的真/假状态.在im ...
js怎么获取复选框选中的值
本篇文章主要给大家介绍js获取复选框选中的值的实现方法. js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度. 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的 ...
js控制复选框选中显示不同表单_Vue之表单
阅读本文约需要5分钟大家好,我是你们的导师,经常看我朋友圈的同学应该知道,我每天会在微信上给大家免费提供以下服务! 1.长期为你提供最优质的学习资源! 2.给你解决技术问题! 3.每天在朋友圈里分享 ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
常用JS操作（复选框、单选框、下拉框）
直接上代码: jskey_form.js View Code if(typeof ($jskey) != "object") { $jskey = {}; } $jskey ...
js如何判断复选框是否选中
js判断复选框是否选中 <!doctype html> <html lang="cn"><head><meta http-equiv=&q ...
打印时候复选框勾选不见了_checkbox 选中未显示对号勾选的问题
今天同事让帮忙调试一个checkbox只选中一个的方法,代码如下: ID平台代码平台名称选项2选项2选项3选项4 varEleInput=$("[name = ptcode]:check ...
[Ext JS] Grid 的复选框行选择之——某些行不能选取
Grid的选择功能的实现要求如下: 使用复选框(Checkbox) 对Grid进行选择. 某些行根据改行的数据的条件进行是否可以选取. 需要有全选和全部反选的功能. 实现后的效果如下: 实现方案 Gr ...

原生js打印阅览复选框不显示问题

原生js打印阅览复选框不显示问题

原生js打印阅览复选框不显示问题相关推荐

最新文章

热门文章