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

基本上我在用纯css构建一个画廊。当我按下image1时，它将检查复选框1，并显示div1。我已经这样做了，问题是，如果我按下image2，div2会出现，但是如果我再次按下image1，div1不会出现，因为div2在它前面

HTML:

基本上，我需要的是当选中复选框1时，取消选中所有其他复选框，并重新为所有剩余的复选框重复该复选框

我从来都不太喜欢javascript，但我只是用它做了这件事，花了我10分钟的时间，哈哈，但我还是想知道是否有任何方法可以做到这一点

谢谢你的时间（：
是的。您需要编写一些Javascript来取消选中其他框。HTML本身实际上为单选框提供了类似的功能，因为mu太短了，所以说如果您一次只想选中一个，为什么不使用单选按钮呢？我尝试过单选按钮，但唯一的解决方法是所有单选按钮都只有一个名称。正如您在示例中所看到的，我需要它们具有不同的名称，以便在选中时执行不同的操作。ops，实际上效果非常好！我不知道单选按钮可以有名称和id。它们可以有不同的id和相同的名称，我只是给了它们相同的名称，现在就可以工作了！谢谢您的时间（：@BrunoTavares如果你解决了问题，请写一个答案而不是评论。因为没有自动缩进而不发布CSS也是无效的。找一个像样的编辑器；）（JSFIDLE有一个整理选项。）最后，如果问题太广泛，请避免在问题标题中添加标签或更自然地添加标签。
<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>