点击按钮修改页面样式

最新推荐文章于 2023-07-03 15:45:37 发布

水下五米

最新推荐文章于 2023-07-03 15:45:37 发布

阅读量503

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_37570710/article/details/107840915

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

背景：点击按钮，对应显示图片变更。

class 里面编写具体样式。初始化根据数据库状态判断展示的样式。点击按钮后，变更按钮展示样式

<a href="javascript:;" class="oto-store-cds <#if commonMap.shelvesStatus?? && commonMap.shelvesStatus?string == '0'>oto-store-sale</#if>"οnclick="changeSaleFlag(this)"></a>

function changeSaleFlag(obj) {
// 修改当前按钮状态
if ($(obj).hasClass('oto-store-sale')) {
    $(obj).removeClass('oto-store-sale');
} else {
    $(obj).addClass('oto-store-sale');
}
}