js实现点击选中,第二次点击取消选中状态

是以表格形式呈现的,每一个字都可以点击了。但是不知道怎么实现再次点击取消选中状态... 是以表格形式呈现的,每一个字都可以点击了。但是不知道怎么实现再次点击取消选中状态 展开
 我来答
hzg0102
2015-04-20 · TA获得超过566个赞
知道小有建树答主
回答量:672
采纳率:0%
帮助的人:274万
展开全部

so eazy

我只能告诉你思路~因为我懒的给你打代码

  1. 首先获取到对象~你JS的画用dom

  2. 然后实现第一步,点击选择 通过onclick 事件触发~然后改变得到dom对象的背景颜色style

  3. 第二次点击 也是同一个function,这里要处理一下需要做判断~如果dom里的style的背景颜色是有值的,那么就清空,如果不是则加上背景颜色

追问

我选中后是这样显示的,怎么清空这个选中状态?

追答
$("#0_"+head).css("border","0");
侍瞎你0H
推荐于2018-12-10
知道答主
回答量:2
采纳率:100%
帮助的人:1590
展开全部
我是先给选中的添加一个其他颜色,比如 在dom的点击事件里先添加一句 tr.className="";
随后添加一句tr.className="color";,color是你在css文件中给tr添加的选中颜色,当第二次点击之前的选中样式就会清空
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
qq1111qq111111
2015-04-20 · TA获得超过1175个赞
知道小有建树答主
回答量:1166
采纳率:66%
帮助的人:593万
展开全部
<html>
<head>
</head>
<body>
<div id="aa">ss</div>
</body>
<script>
var $aa = document.getElementById('aa'),
color = 'red',
otherColor = 'black';
$aa.onclick = function() {
this.style.color = color;
swapColor();
}
function swapColor() {
var temp = color;

color = otherColor;
otherColor = temp;
}
</script>
</html>

这是一个点击切换文字颜色的小demo,借你参考

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户

2018-12-05
展开全部
加个class 呗 有就清空 ,没得就加上
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式