0

私はクライアント用のページに取り組んでおり、クリックすると別の div が表示される 3 つのボタンを持つバナーがあります。以前にここをブラウジングしたおかげで、これはすべて正常に機能しています。

全部で 3 つのボタンがあり、各ボタンをクリックして別の div を表示すると、別のボタンを押して別の div を表示するまで選択されたままになるようにしたいと思います。

以下は現在の作業コードです。ポインタは大歓迎です!

<script>
$(document).ready(function() {
$("#buttons a").click(function() {
var id = $(this).attr("id");
$("#pages div").css("display", "none");
$("#pages div#" + id + "").css("display", "block");
});
$("#pages div:not(#1)").css("display", "none");
});
</script>


<div id="pages">
<div id="1">
    <p>Content 1</p>
</div>

<div id="2">
<p>Content 2</p>
</div>

<div id="3">
<p>Content 3</p>
</div>

<div id="buttons">
<a href="#" id="1"><img src="/img/ffb.gif" class="rollover" alt="" /></a>
<a href="#" id="2"><img src="/img/ryp.gif" class="rollover" alt="" /></a>
<a href="#" id="3"><img src="/img/ite.gif" class="rollover" alt="" /></a>
</div>
4

3 に答える 3

0

ラジオボタンを使用できます。同じ name 属性を持っている限り、一度に 1 つのみ選択できるように自動的に許可されます。

<input type='radio' />
于 2013-05-29T14:22:05.663 に答える