0

こんにちは、javascript と html の初心者で、質問があります。css を使用して表示したいチェックボックスがいくつかありますが、機能しません。どうして？

これは、チェックボックスが非表示になっている私のhtmlコードです:

    <script src="../js/shop.js"></script>

    <div id="img">
    <button onclick="ShowCheckBoxes()"><img src="../images/winkelwagen.jpg"></button>
    </div>
    <a name="Pasgeborenen"><h3>Pasgeborenen</h3></a>
    <div class="section">
        <a name="Pika"> Pika blanket</a>
        <a><img src="../images/NB1.jpg" /></a>
        <p>€19.99 <input type="checkbox" name="Pika blanket" id="id1" style="visibility: hidden"></p>
    </div>
    <div class="section">
        <a>Familie top</a>
        <a><img src="../images/NB2.jpg" /></a>
        <p>€19.99 <input type="checkbox" name="Pika blanket" id="id2" style="display:none;"></p>
    </div>

これは、それらを表示するはずの js コードですが、そうではありません。

ShowCheckBoxes()
{
for(var i=1;i<=35;i++) {
    document.getElementById("id"+i).style.visibility = "visible";
  }
}

前もって感謝します！

4

2 に答える 2

1

表示するには:

document.getElementById("id"+i).style.display= "";

非表示にするには:

document.getElementById("id"+i).style.display= "none";
于 2013-10-21T16:55:48.767 に答える