js行内给元素添加或删除类名 

        <div class="none-box2-btn">
            <div id="boxBtn1" class="none-box2-btn-son btnlight" onclick = "document.getElementById('boxBtn2').classList.remove('btnlight');document.getElementById('boxBtn3').classList.remove('btnlight');classList.add('btnlight')">未结算</div>
            <div id="boxBtn2" class="none-box2-btn-son" onclick = "document.getElementById('boxBtn1').classList.remove('btnlight');document.getElementById('boxBtn3').classList.remove('btnlight');classList.add('btnlight')">预约中</div>
            <div id="boxBtn3" class="none-box2-btn-son" onclick = "document.getElementById('boxBtn1').classList.remove('btnlight');document.getElementById('boxBtn2').classList.remove('btnlight');classList.add('btnlight')">已失效</div>
        </div>

效果：

 

posted @   宅女二二  阅读(93)  评论(0)  编辑  收藏  举报
相关博文：
·  js点击页面内表单重置
·  jq实现加减功能
·  js在不删除原有类名追加新类名方法
·  jquery类名操作
·  原生JS输入姓名科目分数添加到表格，可删除
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手