原生js复制浏览复选框不显示问题
原生js复制预览,主要是阅读时出现一些问题,比如复选框的值,√不显示,那么如何解决这个问题呢?首先我们看一下效果图:我的页面是vue环境
这是预览状态,√与meta页面一致,已经过去了。 一、原生js如何复制并浏览指定区域?
1.html部分
省略...........................省略
2.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()
document.body.innerHTML = oldContent
return false
}
通过以上两步即可实现预览复印。
3.解决复选框√问题
1.html
签单收费
2.js编写方法
document.getElementById('CheckQdsf').setAttribute('checked', 'checked')
在显示该值之前,您需要使用这些方法来设置该值。 浏览时很难显示vue组件或输入绑定值。
4.最后javascript 复选框,如果不想阅读底部和顶部的文字javascript 复选框,只需点击阅读一侧的设置即可,如图:
没关系