js再次点击事件，怎么实现点击选中，再次点击取消

最新推荐文章于 2024-02-09 18:10:17 发布

壹号机长

最新推荐文章于 2024-02-09 18:10:17 发布

阅读量1.5w

点赞数 3

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

本文链接：https://blog.csdn.net/zzsjsp/article/details/83751641

版权

js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

jquery

5 篇文章 1 订阅

订阅专栏

这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子，以变色为主，点击一下变黑色，再点击一下恢复原来的颜色。
<body>
    <div id="div1" style="width:100px; height:100px; background:red";></div>
</body>
<script>
    var vDiv = document.getElementById('div1');
    oDiv.onclick=function(){
        if(this.style.backgroundColor == 'red'){
            this.style.backgroundColor = '#000';
        }else{
            this.style.backgroundColor = 'red';
        }
    };
</script>

优惠劵

壹号机长

关注关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
js再次点击事件，怎么实现点击选中，再次点击取消

这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子，以变色为主，点击一下变黑色，再点击一下恢复原来的颜色。&lt;body&gt; &lt;div id="div1" style="width:100px; height:100px; background:red";&gt;&lt;/div&gt;&lt;/body&gt;&lt;script&gt;
复制链接

扫一扫