如何在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>

Bootstrap Glyphicons 和 Font Awesome 已用于图标

并且 JQuery 已用于处理class切换以更改图标。

CSS 仅用于颜色。