Downloading multiple files at the same time having checkboxes
I have a HTML page which has the following code:
<html>
<head>
<script language="JavaScript" type="text/j开发者_如何学Goavascript">
function validate(frm)
{
var count = 2;
var allChecked = false;
for(i=1; i<=count; i++)
{
if( document.getElementById('track_'+i).checked == true)
{
allChecked = true;
break;
}
}
if(!allChecked)
{
alert("Please select atleast one track");
}
return false;
}
</script>
</head>
<body>
<form method="get" onSubmit="validate(this);">
<input type="checkbox" value="01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3" id="track_1" name="track_1"><a href ="01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3">01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3 </a> <br>
<input type="checkbox" value="02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3" id="track_2" name="track_2"><a href ="02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3">02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3 </a><br>
<input type="submit" value="Download" >
</form>
</body>
</html>
I want to download both files at the same time i.e. when both checkboxes are selected then both files should be downloaded.
How should I do it?
Try using this:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function validate(frm)
{
var SomeChecked = false;
for(var i = 0; i < tracks.length; i++)
{
if(tracks[i].checked)
{
SomeChecked = true;
var url= tracks[i].value;
window.open(url,'Download');
}
}
if(!SomeChecked)
{
alert("Please select atleast one track");
}
return false;
}
</script>
</head>
<body>
<form method="post" onSubmit="validate(this);">
<input type="checkbox" value="01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3" id="track_1" name="tracks"><a href ="01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3">01 - Sun Beliya - Lata, SP Balasubramaniam @ Fmw11.com.mp3 </a> <br>
<input type="checkbox" value="02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3" id="track_2" name="tracks"><a href ="02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3">02 - Gabbar Singh Yeh Kah - Alka Yagnik, Amit Kumar @ Fmw11.com.mp3 </a><br>
<input type="submit" value="Download" >
</form>
</body>
</html>
Make sure you change the Checkboxs names to "tracks" they all should have the same name but diffrent ID.
And it the value of each checkbox place the download URL.
Let me know if it works for you :)
Danpe above had pretty close to the right idea, but the second if statement should have the newer var name:
if(!allChecked) {
alert("Please select at least one track");
}
Should be:
if(!Checked) {
alert("Please select at least one track");
}
加载中,请稍侯......
精彩评论