0

これが私がこれまでに持っているものです。新しいウィンドウで開くようにしていますが、チェックボックスがオンになっている場合にのみ必要です...

<!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>

チェックしてから開く場合、ifステートメントを実際に実行する方法がわかりません。現在、新しいタブで開きます。チェックされている場合にのみ開く必要があります。

これに関するどんな助けも大歓迎です！ありがとう！

4

2 に答える 2

0 
<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>
于 2013-10-17T20:41:28.957 に答える
0

あなたのためにそれを書き直すつもりはありませんが、うまくいけばあなたを正しい道に導くことができます.

まず、target="_blank"新しいウィンドウでtarget="_self"開き、同じウィンドウで開くために使用します。

<a>チェックボックスがチェックされているかどうかをチェックし、それに応じてターゲット属性を設定するだけのイベントリスナーをタグに追加するだけです。

最初に Javascript イベント リスナーを読むことをお勧めします。

JQuery を使用するとこれが簡単になりますが、JQuery の使用に移る前に Javascript を理解しておくとよいでしょう。

いくつかの便利なリンク

要素にイベント リスナーを追加する - Javascript

チェックボックスがチェックされているかどうかを確認する

http://www.java2s.com/Code/JavaScript/HTML/Changethetargetattributeofalink.htm

于 2013-10-17T16:14:17.967 に答える