javascript - 为什么我的复选框不可见？

Question

您好，我是 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>

这是应该使它们可见但它不可见的 de js 代码：

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

提前致谢！

Answer 1

你忘了添加功能。在这里应该这样做。只需用此代码替换 jscript 即可。我试过了。

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

Answer 2

要使其可见：

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

隐藏它：

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