javascript - 提交时打开复选框多个选项卡

Question

对于 JavaScript 或 JQuery，我绝对是初学者。我试图在新选项卡中打开一些复选框(如果选中它们然后单击提交按钮)。我的代码仅在选中一个复选框时才有效。如果选中多个，则选项卡中仅打开第一个。我的代码如下:

Javascript

function CheckCheckboxes(form)
{
var
    i, counter = 0;

for (i = 0; i < form.elements.length; ++i) {
    if ('checkbox' === form.elements[i].type && form.elements[i].checked) {++counter;
        window.open('http://' + form.elements[i].value, '_blank');
    }
}
if (!counter) {
    alert('Please check at least one!');
}
}

HTML

<form onsubmit="CheckCheckboxes(this); return false;">
<table align="left" border="1" style="border-collapse: collapse;">

<tr style="height:30px">
    <td colspan="8"><center>Companies</center></td>
</tr>

<tr>
     <td><input type="checkbox" name="Google" value="www.google.com" />Google</td>
     <td><input type="checkbox" name="Apple" value="www.apple.com" />Apple</td>
     <td><input type="checkbox" name="Microsoft" value="www.Microsoft.com" />Microsoft</td>
     <td><input type="checkbox" name="facebook" value="www.facebook.com" />Facebook</td>

 <td><br /><input type="submit" value="Send Form" /></td>
</tr>

</table>
</form>

任何帮助将不胜感激。花了 3 个半小时:)

谢谢

Answer 1

您的代码正在运行，但浏览器在第一个窗口显示后阻止了新窗口。默认情况下，浏览器会阻止网站上的多个弹出窗口，您可以将其关闭，但不要指望您的用户也会这样做。

参见Fiddle

您的代码window.open('http://' + form.elements[i].value, '_blank');有效:)