目录

如何 - 切换喜欢和不喜欢


使用 CSS 和 JavaScript 在喜欢/不喜欢按钮之间切换。


单击该图标可在赞成和反对(喜欢/不喜欢)之间切换:


切换(隐藏/显示)元素

步骤1)添加HTML:

示例

<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Use an element to toggle between a like/dislike icon -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

步骤 2) 添加 JavaScript:

示例

function myFunction(x) {
  x.classList.toggle("fa-thumbs-down");
}
亲自试一试 »