0
打印只有打印复选框的图像。我想通过打印机仅打印具有复选框的图像。 如果有人选中img id = 9和8的复选框,然后单击打印类的按钮。通过打印机打印出img id = 9和8。 你能帮助我吗?我想用打印机
<div class="container" id="main"><center><button class="btn btn-primary btn-lg print" id="print2">복사하기</button></center>
<div class="profile__body">
<ul class="row first" data-bsp-ul-id="bsp-PkKH" data-bsp-ul-index="0">
<li class="col-xs-4 post bspHasModal" data-bsp-li-index="0"><input type="checkbox">
<div class="picture-square"><img id="9" src="/uploads/static_files/uploaded/2017/%EC%BA%A1%EC%B2%98.JPG" class="img-r img-responsive"></div>
</li>
<li class="col-xs-4 post bspHasModal" data-bsp-li-index="1"><input type="checkbox">
<div class="picture-square"><img id="8" src="/uploads/static_files/uploaded/2017/%EC%BA%A1%EC%B2%98.jpg" class="img-r img-responsive"></div>
</li>
<li class="col-xs-4 post bspHasModal" data-bsp-li-index="2"><input type="checkbox">
<div class="picture-square"><img id="7" src="/uploads/static_files/uploaded/2017/ddd.JPG" class="img-r img-responsive"></div>
</li><li class="clearfix visible-xs-block"></li>
<li class="col-xs-4 post bspHasModal" data-bsp-li-index="3"><input type="checkbox">
<div class="picture-square"><img id="6" src="/uploads/static_files/uploaded/2017/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2017-02-05_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_7.42.33.jpg" class="img-r img-responsive"></div>
</li>
<li class="col-xs-4 post bspHasModal" data-bsp-li-index="4"><input type="checkbox">
<div class="picture-square"><img id="4" src="/uploads/static_files/uploaded/2017/2.JPG" class="img-r img-responsive"></div>
</li>
</ul>
</div>
</div>
这是我的js。
$(document).ready(function(){
$("#print").on('click', function(ev){
$('#main').prepend('<center><button class="btn btn-primary btn-lg print" id="print2">복사하기</button></center>')
$('.post').prepend('<input type="checkbox" />');
ev.preventDefault();
});
$('input:checkbox').change(function(){
if($(this).is(":checked")){
$('img').addClass("img-print");
} else {
$('img').removeClass("img-print");
}
})
$("#print2").on('click', function(){
})
});
添加类打印相关图像当您检查您的复选框。并在打印视图上将CSS分配给该类。 –
可以请你分享你的打印相关的JS代码? – vijayP
@vijayP我加js。 –