1、想要实现的效果:

前提:使用的是amaze ui 的开关图标,开启的图标类名是am-icon-toggle-on、关闭的图标类名是am-icon-toggle-off;

在多个按钮的情况下,点击开关按钮,按钮左右切换,不受其它按钮影响;

点击开关按钮,通过改变类名切换按钮点击开关按钮,通过改变类名切换按钮

2、目前实现的效果:

多个按钮只有一个可以开启和关闭,受其它按钮的影响,和循环有关;

点击开关按钮,通过改变类名切换按钮

点击开关按钮,通过改变类名切换按钮

代码:

html:

点击开关按钮,通过改变类名切换按钮

js:

点击开关按钮,通过改变类名切换按钮

 

3、项目最终效果的实现

js:

点击开关按钮,通过改变类名切换按钮

三元表达式写法:

点击开关按钮,通过改变类名切换按钮

 

相关文章:

  • 2021-08-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
  • 2021-06-23
猜你喜欢
  • 2022-01-04
  • 2022-12-23
  • 2021-08-08
  • 2022-12-23
  • 2021-03-25
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案