Question

我正在设计一个chrome扩展程序，用户可以选择检查任意数量的复选框，这些复选框将加载与他们选择的选项相对应的不同网页。

到目前为止，我用于复选框的html代码是：

<input type="checkbox" name="selection" value="google" 
id="google" >
<input type="checkbox" name="selection" value="yahoo" 
id="yahoo" >
<input type="checkbox" name="selection" value="msn" 
id="msn" >

和我尝试使用的JS是这样的：

function redirect()
{ 
if(document.getElementById("google").checked == true) . 
window.location.href = 'https://www.google.com';

else if(document.getElementById("yahoo").checked==true)
window.location.href = 'https://www.yahoo.com;

else if(document.getElementById("msn").checked == true) 
window.location.href = 'https://www.msn.com;'
}

如果我选择了一个选项，则站点可以正确加载，但是如果选中多个选项，则不会将所有站点加载到每个选中的复选框。如何更改代码，以便如果选中了多个复选框，则将加载该复选框的每个站点？

Answer 1

if (document.getElementById("google").checked == true)
    window.open('https://www.google.com');
else if (document.getElementById("yahoo").checked == true)
    window.open('https://www.yahoo.com');
else if (document.getElementById("msn").checked == true)
    window.open('https://www.msn.com');

如果单击多个复选框，则打开多个选项卡

1 个答案: