选中复选框,然后单击下载按钮选择图像下载并下载所有图像



当用户选中复选框并单击下载按钮时,选中复选框图像将下载此代码,我会尝试但图像不下载

function downloadSelected() {
$('input[type=checkbox]:checked').each(function() {
window.open($(this).val());
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<ul>
<li>
<input type="checkbox" value="/download1.jpg" />
Download Image 1
</li>
<li>
<input type="checkbox" value="/download2.jpg" />
Download Image 2
</li>
<li>
<input type="checkbox" value="/download3.jpg" />
Download Image 3
</li>
</ul>
<a href="#" onclick="downloadSelected();">Download</a>

我会尝试此代码,但它不起作用的图像将无法下载

我如何卸载选择了Chechk盒子的图像,还有其他方法可以下载图像解决方案

你这样做的方法是将javascript和jquery混合在一起 正确使用jquery的一种方法是选中单击选中的复选框,然后继续下载,以下是我的做法

<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
</head>
<body>
<!-- <script src="script.js"></script> -->
<ul>
<li>
<input type="checkbox" value="/download1.jpg" />
Download Image 1
</li>
<li>
<input type="checkbox" value="/download2.png" />
Download Image 2
</li>
<li>
<input type="checkbox" value="/download3.jpg" />
Download Image 3
</li>
</ul>
<a href="#">Download</a>
<script>
$(function(){
$("a").click(function() {
$("input:checkbox").each(function(){
if($(this).is(":checked")){
window.open($(this).val());
}
})
})
})
</script>
</body>
</html>

最新更新