Javascript 如何仅在选中该复选框的情况下在新窗口中打开链接_Javascript_Html_Forms_Function

Javascript 如何仅在选中该复选框的情况下在新窗口中打开链接

javascript html forms function

Javascript 如何仅在选中该复选框的情况下在新窗口中打开链接,javascript,html,forms,function,Javascript,Html,Forms,Function,这是我到目前为止所拥有的。我有它，所以他们在新窗口中打开，但我想要它，只有当复选框被选中 <!DOCTYPE html> <html> <head> <script> function new() { if ( document.getElementById('checkbox').checked ) window.open( 'y', 'n', 't', 'New Window' ); }

这是我到目前为止所拥有的。我有它，所以他们在新窗口中打开，但我想要它，只有当复选框被选中

<!DOCTYPE html>
<html>
<head>

<script>
    function new() {
       if ( document.getElementById('checkbox').checked )
            window.open( 'y', 'n', 't', 'New Window' );
    }
    else
    {
        break;
    }

    var OpenNew = document.getElementById('opennew');
    OpenNew.addEventListener('click', OpenWin, false );
</script>
</head>
<body>

<p>
<form name="test">
<p>Open link in a new window &nbsp; <input type="checkbox" id="checkbox" name="check" /></p>
</form>
</p>
<p>
<h2>My favorite Websites to visit</h2>
<a href="http://www.youtube.com" target="new" id="y">Youtube</a><br />
<a href="http://www.newegg.com" target="new" id="n">Newegg</a><br />
<a href="http://www.twitch.tv" target="new" id="t">Twitch.tv</a><br />
</p>












</body>

</html>


函数new（）{
if（document.getElementById（'checkbox'）.checked）
window.open（'y'，'n'，'t'，'newwindow'）；
}
其他的
{
打破
}
var OpenNew=document.getElementById（'OpenNew'）；
OpenNew.addEventListener（'click'，OpenWin，false）；

在新窗口中打开链接


我最喜欢访问的网站

我不确定如何实际执行if语句，如果选中则打开。它当前在新选项卡中打开。。我只需要检查一下就可以了

在此方面的任何帮助都将不胜感激！谢谢

不会为你重写，但希望能让你走上正确的道路

首先，使用

target=“\u blank”

在新窗口中打开，使用

target=“\u self”

在同一窗口中打开

您只需将事件侦听器添加到



在新窗口中打开链接
Youtube

新蛋

Twitch.tv

函数ss（）{
if（document.getElementById（'checkbox'）.checked）{
对于（i=0；i<3；i++）{
var clear=document.getElementsByTagName（“span”）[i]
clear.innerHTML=“”；
}
var d=document.getElementById（“w”）；
var ele=document.createElement（“a”）；
var t=document.createTextNode（“Youtube”）；
ele.setAttribute（'href'，'http://www.youtube.com');
ele.appendChild（t）；
d、 儿童（ele）；
var d2=document.getElementById（“qq”）；
var ele2=document.createElement（“a”）；
var t2=document.createTextNode（“Newrag”）；
ele2.setAttribute（'href'，'http://www.newegg.com');
ele2.附肢儿童（t2）；
d2.附肢儿童（ele2）；
var d3=document.getElementById（“aa”）；
var ele3=document.createElement（“a”）；
var t3=document.createTextNode（“Twich.tv”）；
ele3.setAttribute（'href'，'http://www.twitch.tv');
ele3.附肢儿童（t3）；
d3.附肢儿童（ele3）；
}
}
javascript已损坏，您的else超出了功能范围。如果复选框未选中，会发生什么情况？@Einacio这是一个很好的例子，说明了为什么javascript样式的括号可能会误导/难以阅读。我不认为“javascript”括号样式会被指责为不起作用的原因。。。这是他最不担心的事here@cowls对于刚接触javascript并来自java/C风格方括号的人来说，这只是需要注意的一点。很明显，他的原始代码中存在一些混乱（除了其他更明显的问题）；在每个元素创建中。thanksIt is target=\u blank，而不是target=“\u blank”（不要使用引号）@davidkonrad我很好奇，你是基于什么？
<p>Open link in a new window &nbsp; <input type="checkbox" id="checkbox" name="check" onclick="ss()"/></p>

<span id="w">Youtube</span><br />
<span id="qq">Newegg</span><br />
<span id="aa">Twitch.tv</span><br /> 

<script>
  function ss() {
    if (document.getElementById('checkbox').checked) {

      for (i = 0; i < 3; i++) {
        var clear = document.getElementsByTagName("span")[i]
        clear.innerHTML = "";
      }

      var d = document.getElementById("w");
      var ele = document.createElement("a");
      var t = document.createTextNode("Youtube");
      ele.setAttribute('href', 'http://www.youtube.com');
      ele.appendChild(t);
      d.appendChild(ele);

      var d2 = document.getElementById("qq");
      var ele2 = document.createElement("a");
      var t2 = document.createTextNode("Newrag");
      ele2.setAttribute('href', 'http://www.newegg.com');
      ele2.appendChild(t2);
      d2.appendChild(ele2);

      var d3 = document.getElementById("aa");
      var ele3 = document.createElement("a");
      var t3 = document.createTextNode("Twich.tv");
      ele3.setAttribute('href', 'http://www.twitch.tv');
      ele3.appendChild(t3);
      d3.appendChild(ele3);

    }
  }
</script>