почему мои флажки не становятся видимыми?

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>

это код de js, который должен сделать их видимыми, но это не так:

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

Заранее спасибо!

Теги:
hidden

2 ответа

1

вы забыли добавить функцию. здесь это должно это сделать. просто замените jscript на этот код, и он будет работать. Я попробовал.

function ShowCheckBoxes()
{
alert("test");
for(var i=1;i<=35;i++) {
    document.getElementById("id"+i).style.visibility = "visible";
}
}
  • 0
    Я так глуп, спасибо!
1

Чтобы сделать его видимым:

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

Чтобы скрыть это:

document.getElementById("id"+i).style.display= "none";
  • 0
    так что вы не можете сделать это скрытым в html заранее? Потому что я заменил style.visibility = "visible"; with .style.display = ""; но это не сработало.
  • 0
    @ThomasPen Да, как и в вашем примере, вы можете использовать style = "display: none;"
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню