码迷,mamicode.com
首页 > 其他好文 > 详细

解决原生打印输入值 打印时为空问题

时间:2021-01-08 10:47:31      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:fun   bin   panel   attr   query   选中   ntc   lse   zoom   

1.利用jquery

2.

bindData() {
      $("input,select option").each(function() {
        $(this).attr("value", $(this).val());
      });

      //搞定 type=checkbox,type=radio 选中状态
      $("input[type=‘checkbox‘],input[type=‘radio‘]").each(function() {
        if ($(this).prop("checked")){
           $(this).attr("checked",true);
        }
        else{
          $(this).removeAttr("checked");
        } 
      });

      // 搞定select选中状态
      $("select option").each(function() {
        if ($(this).attr("selected")) $(this).attr("selected", true);
        else $(this).removeAttr("selected");
      });

      //搞定 textarea
      $("textarea").each(function() {
        $(this).html($(this).val());
      });
    },
 
 
3.
printContent() {
      this.bindData();
      const wpt = document.getElementById("panel");
      const newContent = wpt.innerHTML;
      const oldContent = document.body.innerHTML;
      document.body.innerHTML = newContent;
      document.getElementsByTagName("body")[0].style.zoom = 0.7;  //缩放
      window.print(); //打印方法
      window.location.reload();
      document.body.innerHTML = oldContent;
    },

解决原生打印输入值 打印时为空问题

标签:fun   bin   panel   attr   query   选中   ntc   lse   zoom   

原文地址:https://www.cnblogs.com/yoututu/p/14241073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!