问题描述

当点击红色时，切换成下面灰色，那个if else 两个a标签可以整体切换么，请问要怎么实现

#if($!trainwish.status=='0')apply是红色样式，applydefault是灰色样式

                                    <a class=""apply Q-buy-btn"" style=""text-decoration: none;"" wishseId=""$!trainwish.id"" href=""javascript:void(0)"">                                      <span style=""margin-left:36px;line-height:26px;color:#FFF;""> #springMessage(""sub-menu-training-wisher-addbasket"")</span>                                    </a>                                 #else                                    <a class=""applydefault"" style=""text-decoration: none;cursor:default;"" wishseId=""$!trainwish.id"" href=""javascript:void(0)"">                                      <span style=""margin-left:36px;line-height:26px;color:#CBCBCB;""> #springMessage(""sub-menu-training-wisher-addbasket"")</span>                                    </a>                                 #end

解决方案

原来的代码不是给你过了。。改下jquery的选择器就好了

    $('a.apply').click(function () {        var me = $(this);        if (me.hasClass('applydefault')) return;//灰色不可用退出        me.addClass('applydefault');//同时用ajax保存状态信息到服务器，下次服务器来设置样式        var n = $('数量选择器');        n.html(parseInt(n.text() 10) + 1);    });

解决方案二：
加个onclick事件 然后js里写个function change(){if(el.className==""apply q-buy-btn""){el.className=""applydefault""}else......后面自己写很简单的 }

解决方案三：
加一个onclick事件，判断一下即可