0

http://jsfiddle.net/3ypYW/

<a href=""><div class="service1"><p>Option 1</p></div></a>

ホバー機能を備えた単純な div を作成しました。これをラジオ ボタンに変換してフォームの一部にします。私はフォームと div、CSS と JQuery に精通していますが、可能であれば、それらをすべて結合して、選択時に明らかに緑色に点灯するラジオ ボタンを作成する方法がわかりません。

ありがとう！

4

1 に答える 1

0

これを試してみてください: css で、チェックされたスタイルのクラスを追加します。これは、ホバーと同じである可能性があります。

.service1:hover, .checked { background:#66ff99; color:#000; }

リンクに js 呼び出しを追加し、「#」を忘れずにページにとどまらせます。

<a href="#" onclick="check(this)">...

最後に、.checked クラスを div に追加する js 関数を定義します。

<script type="text/javascript">
function check(element) {
    d = element.firstChild;
    d.className = d.className + " checked";
}
</script>
于 2013-11-28T19:52:02.720 に答える