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

1、想要实现的效果:

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

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

2、目前实现的效果:

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

代码:

html:

js:

 

3、项目最终效果的实现

js:

三元表达式写法:

 

posted @ 2017-09-01 15:00  党欣彤  阅读(920)  评论(0编辑  收藏  举报