您好我是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";
}
}
提前致谢!
答案 0 :(得分:1)
让它可见:
document.getElementById("id"+i).style.display= "";
隐藏它:
document.getElementById("id"+i).style.display= "none";
答案 1 :(得分:1)
你忘了添加功能了。这应该做到这一点。只需用这段代码替换jscript即可。我试过了。
function ShowCheckBoxes()
{
alert("test");
for(var i=1;i<=35;i++) {
document.getElementById("id"+i).style.visibility = "visible";
}
}