做多选列表

最新推荐文章于 2024-01-04 16:19:15 发布

weixin_30872157

最新推荐文章于 2024-01-04 16:19:15 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/liangru/p/9109674.html

版权

未选择的按钮class为detail-btn，选择后class为detail-btn detail-selected
html:

<div class="detail-btn" @click="chooseOrder($event)"></div>

css:

.detail-btn{
    width: .43rem;
    height: .45rem; background: url(../images/list-no.png) no-repeat; background-size: 98%; } .detail-selected{ background: url(../images/list-select.png) no-repeat; background-size: 98%; }

js:

                chooseOrder:function(e){
                        if (e.target.className.indexOf("detail-selected") == -1) {
                            e.target.className = "detail-btn detail-selected"; //切换按钮样式 //写逻辑 } else { e.target.className = "detail-btn";//切换按钮样式 //写逻辑 } },

转载于:https://www.cnblogs.com/liangru/p/9109674.html