如何使Html中的複選框最喜歡的按鈕

Question

我的項目是相關的電子商務網站，我想在產品詳細信息頁面添加喜歡的按鈕。

讚我們使用切換開關使用單選按鈕， 如何使用複選框製作喜愛的按鈕？

請告訴我，如果您有關於喜歡的產品理念任何其他建議..

在此先感謝........

Answer 1

雖然我知道沒有jQuery有在指定這個問題，我提供這個解決方案爲其他人以及誰可能會尋找同樣的事情：

<div> 
    <span class="star glyphicon glyphicon-star-empty"></span> 
</div> 

<br/> 

<div> 
    <i class="heart fa fa-heart-o"></i> 
</div> 

Here is the JSFiddle demo

Bootstrap Glyphicons和Font Awesome已用於圖標

而JQuery已用於處理切換圖標的class。

CSS僅用於顏色。