2013-11-09 36 views
0

http://jsfiddle.net/3ypYW/的jsfiddle:打開一個div到一個單選按鈕

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

我已創建了,我想轉換成一個單選按鈕,一個表單的一部分懸停功能簡單的股利。我對錶格和div以及CSS和JQuery非常熟悉,但我不知道如何可能的話,我可以將它們全部綁在一起,創建一個單選按鈕,選中時顯然會保持綠色。

謝謝!

回答

0

試試這個: 在你的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> 
相關問題