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

最新推荐文章于 2024-07-23 13:30:52 发布

演员赵诗绎

最新推荐文章于 2024-07-23 13:30:52 发布

阅读量4.6k

点赞数 2

分类专栏： html+js+jquery 文章标签： js 打印阅览复选框样式问题

本文链接：https://blog.csdn.net/u013144287/article/details/86631231

版权

本文介绍了在原生js打印预览时遇到的复选框不显示的问题及其解决方案。通过调整html和js代码，确保复选框的√能够正确显示。在vue环境下，需要注意绑定值的方式，以保证预览状态与页面一致。

摘要由CSDN通过智能技术生成

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

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

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

一、html部分

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

二、js，调用改方法即可

doPrint(e) {
      let subOutputRankPrint = document.getElementById('subOutputRank-print')
      let newContent = subOutputRankPrint.innerHTML
      let oldContent = document.body.innerHTML
      document.body.innerHTML = newContent
      window.print()
      window.location.reload()
      d