3

基本上我用纯 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 分钟,哈哈,但我仍然想知道是否有任何方法可以做到这一点。

谢谢你的时间 (:

4

1 回答 1

0

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

于 2013-07-08T00:31:14.990 回答