Hello I have a page with <a> links to download pdf files. Now I have to put a button to download all files available on that page. Now how to trigger a click event on all links on button click ?
<button class="download-all"/>
<a class="link" href="file.html"/>
<a class="link" href="file2.html"/>
Now on button click all the links with link class should be clicked.
I am not sure if this is possible using standard web technologies because HTTP does not support more than one file download at a once.
Solution:-
Open multiple amount of window to initiate the file download
Easiest way would be to serve the multiple files bundled up into a ZIP file.So onclick anyone can download the zip file.
Your HTML is incorrect, Please modify with the below.
HTML,
<button type="button" class="button">Download All PDF</button>
<a class="link" href="file.html">PDF</a>
<a class="link" href="file2.html">PDF</a>
JS,
$('button.button').on('click', function(){
$('a.link').click(); //fires click to all a with class "link"
});
//Anchor tag click Event
$('a.link').click(function(e){
e.preventDefault();
var href = $(this).attr("id");
window.location.href = href;
});
