的jsfiddle：打开一个div到一个单选按钮

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

我已创建了，我想转换成一个单选按钮，一个表单的一部分悬停功能简单的股利。我对表格和div以及CSS和JQuery非常熟悉，但我不知道如何可能的话，我可以将它们全部绑在一起，创建一个单选按钮，选中时显然会保持绿色。

谢谢！

2013-11-09 oceanic815

试试这个：在你的css里添加一个类型的选中的样式，它可以和悬停一样。

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

一个JS调用添加到您的链接，不要忘了“＃”留页：

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

最后定义js函数它增加了.checked类到div：

<script type="text/javascript"> 
function check(element) { 
    d = element.firstChild; 
    d.className = d.className + " checked"; 
} 
</script>

2013-11-28 19:52:02 robix

回答