2016-11-23 8 views
-1

こんにちは私は<a>のページにpdfファイルをダウンロードしています。今すぐ、そのページで利用可能なすべてのファイルをダウンロードするためのボタンを置く必要があります。ボタンのクリックですべてのリンクでクリックイベントをトリガーする方法は?ボタンを今すぐボタンをクリックすると複数が開きます

<button class="download-all"/> 
    <a class="link" href="file.html"/> 
    <a class="link" href="file2.html"/> 

クリックする必要がありますlinkクラスを持つすべてのリンクをクリックしてください。

+1

リンクのクリックをプログラムでトリガする方法は?jqueryを使用しますか?(http://stackoverflow.com/questions/2847185/how-to-programmatically-trigger-the-click-on-a-link -using-jquery) – Rajesh

+0

なぜこれをやろうとしているのですか? –

+0

@Fredreik私は既にOPでそう言いました。私は個々のファイルをダウンロードするためのリンクを持っているので、一度にそれらをすべてダウンロードする必要があります。 – Srujan

答えて

0

あなたのHTMLは間違っていますので、下のように変更してください。

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; 
}); 
+0

ええ、ちょっと間違っています。私はサンプルとして書きました。 – Srujan

+0

@SrujanSujju上記のHTML構造は正しいものです。 – Samir

+0

未知ReferenceError:クリックが定義されていません – Srujan

0

私はHTTPを一度に複数のファイルのダウンロードをサポートしていないので、これは標準的なWeb技術を使用して可能であるかどうかわからないです。

ソリューション: - ウィンドウの

を開き、複数の量のファイルのダウンロードを開始する

最も簡単な方法は、ZIPに束ね、複数のファイルを提供することですfile.So onclickの誰もがzipファイルをダウンロードすることができますファイル。

関連する問題