jquery 大神帮帮我 谢谢

<td id="status">

                <if condition="$v['status'] eq 1" >

                    <a class="btn btn-success btn-xs" onclick="change_status(0,<{$v['user_id']}>)" href="javascript:;"><i class="fa fa-file-text fa-lg"></i> 开启</a>

                    <else />

                    <a class="btn btn-warning btn-xs" onclick="change_status(1,<{$v['user_id']}>)" href="javascript:;"><i class="fa fa-file-text fa-lg"></i> 禁用</a>

                </if>

</td>

<script>

function change_status(status,ids){

       

       

       /* $.post("__MODULE__/User/change_status", 

          { id: ids, sta: status },

            function(msg){

              alert(msg);

              

            } 

        );*/

   }

https://img2.mukewang.com/5bef886b0001f06a06650302.jpg

怎么做到 点击 一列开启按钮 获得当前点击列的对象 然后 把 开启两字变成 禁用尼 谢谢

小唯快跑啊
浏览 519回答 1
1回答

达令说

想要按原有HTML结构,快速修改js来实现你要的效果的话,多传个this就能获取当前按钮来做后续操作了,把各个onclick()改成:onclick="change_status(this, 状态码, <{$v['user_id']}>)"然后js这样写:function&nbsp;change_status(e,&nbsp;status,&nbsp;ids){ &nbsp;&nbsp;&nbsp;&nbsp;$.post("__MODULE__/User/change_status",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;id:&nbsp;ids,&nbsp;sta:&nbsp;status&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(msg){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(msg)&nbsp;{&nbsp;//&nbsp;不知道你msg返回什么,这里当作后台成功msg的值是true &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;btn&nbsp;=&nbsp;$(e);&nbsp;//&nbsp;当前按钮 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(btn.hasClass('btn-sucess'))&nbsp;{&nbsp;//&nbsp;要由“启用”变成“禁用”&nbsp;,&nbsp;判断条件用状态吗status&nbsp;===&nbsp;0也行, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;btn.html('<i&nbsp;class="fa&nbsp;fa-file-text&nbsp;fa-lg"></i>&nbsp;禁用');&nbsp;//&nbsp;改变按钮文字 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;btn.removeClass('btn-success').addClass('btn-warning');&nbsp;//&nbsp;改变按钮颜色 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;//&nbsp;由“禁用”变“启用” &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;同理 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;); }哈哈哈,不过这样做代码不够优雅,还可以优化HTML让JS更好工作,不过这是另外的谈论点了。现在功能是可以正常工作的哈。希望对你有帮助。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript