请教一下多个按钮点击变色和取消，类似与复选的效果js？

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l... <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<title>抓取页面内容测试</title>
<style type="text/css">
.day{background-color:green;}
.neight{background-color:#eee;}

.active{background:#000; color:#fff;}

</style>

</head>
<body>

<div id="button">
<a href="#" class="active">呵呵</a>
<a href="#" >哈哈</a>
<a href="#" >hehe</a>
<a href="#" >呵呵</a>
</div>
<script type="text/javascript">
$(function(){
$("#button a").click(function(){
$(this).parents("#button").find("a").removeClass("active");
$(this).addClass("active");
})
})
</script>
</body>
</html>

这段代码目前实现的是菜单效果，多个按钮，点击A按钮就变色，点其他的B按钮，B按钮变色，A按钮恢复颜色。

现在希望修改成，点击任意按钮A，按钮变色，点击其他按钮B，A按钮依然是变色的，B按钮也变色，只有再次点击他们，才恢复颜色，类似于复选框的效果。
麻烦会的朋友们帮忙修改一下，谢谢展开

 我来答

4个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

程豆豆5A
推荐于2017-09-05 · 知道合伙人互联网行家

程豆豆5A
知道合伙人互联网行家

采纳数：153 获赞数：524

从事web前端俞6年，经验丰富，喜欢帮助别人，同时也在提高自己

向TA提问私信TA

关注

展开全部

<script type="text/javascript">
	$(function(){
	    $("#button a").click(function(){	
		var $this = $(this);
		if($this.hasClass("active")){
		    $this.removeClass("active")
		}else{
		    $this.addClass("active")
		}
	    })
	})
</script>

这样就可以了

本回答被提问者采纳

已赞过 已踩过<

评论收起

广州市魔书科技有限公司

广告2024-12-28

ppt生成、文本润色、翻译、文档阅读、写文案、写代码、写论文等API直连，集成12家知名企业大语言模型

chat.moshuai.co

纯洁的小树
2015-08-27 · TA获得超过3386个赞

知道大有可为答主

回答量：2536

采纳率：71%

帮助的人：472万

我也去答题访问个人页

关注

展开全部

  $(this).parents("#button").find("a").removeClass("active");
		$(this).addClass("active");	
   //上面两句替换为下面的内容
    if($(this).attr("class")=="active"){
          $(this).removeClass("active");
         }else{
             $(this).addClass("active");
        }