Question

基本上我正在构建一个带有纯CSS的画廊。当我按下image1时，它将检查checkbox1并显示div1。我已经这样做了，问题是，如果我按下image2会出现div2，但是如果我再次按下image1则不会出现div1因为div2在它前面。

HTML：

<div class="gallery">
<label for="toggle1"><a>1</a></label>
<input id="toggle1" type="checkbox">
<label for="toggle2"><a>2</a></label>
<input id="toggle2" type="checkbox">
<label for="toggle3"><a>3</a></label>
<input id="toggle3" type="checkbox">
<label for="toggle4"><a>4</a></label>
<input id="toggle4" type="checkbox">
<label for="toggle5"><a>5</a></label>
<input id="toggle5" type="checkbox">
<label for="toggle6"><a>6</a></label>
<input id="toggle6" type="checkbox">
<label for="toggle7"><a>7</a></label>
<input id="toggle7" type="checkbox">
<label for="toggle8"><a>8</a></label>
<input id="toggle8" type="checkbox">
<div class="conteudo1">1</div>
<div class="conteudo2">2</div>
<div class="conteudo3">3</div>
<div class="conteudo4">4</div>
<div class="conteudo5">5</div>
<div class="conteudo6">6</div>
<div class="conteudo7">7</div>
<div class="conteudo8">8</div>
</div>

我不会发布css，因为我没有找到如何自动缩进代码，但你可以在这里看到它：http://jsfiddle.net/blackice856/3vhCH/1/

基本上我需要的是当checkbox1被选中时，取消选中所有其他复选框，并为所有剩余复选框重新设置。

我从来都不喜欢javascript，但我只是用它做了这个并且我花了10分钟大声笑，但我仍然想知道是否有任何方法这样做。

感谢您的时间（：

Answer 1

是。您需要编写一些Javascript来取消选中其他框。 HTML本身实际上提供了与收音机盒类似的功能，因为 mu太短表示

HTML - 当您选中一个复选框时，是否可以取消选中所有其他复选框？

1 个答案: