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

是以表格形式呈现的,每一个字都可以点击了。但是不知道怎么实现再次点击取消选中状态

so eazy

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

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

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

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

追问

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

追答

$("#0_"+head).css("border","0");

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-12-10
我是先给选中的添加一个其他颜色,比如 在dom的点击事件里先添加一句 tr.className="";
随后添加一句tr.className="color";,color是你在css文件中给tr添加的选中颜色,当第二次点击之前的选中样式就会清空本回答被网友采纳
第2个回答  2015-04-20
<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,借你参考

第3个回答  2018-12-05
加个class 呗 有就清空 ,没得就加上

js实现点击选中,第二次点击取消选中状态
首先获取到对象~你JS的画用dom 然后实现第一步,点击选择 通过onclick 事件触发~然后改变得到dom对象的背景颜色style 第二次点击 也是同一个function,这里要处理一下需要做判断~如果dom里的style的背景颜色是有值的,那么就清空,如果不是则加上背景颜色 ...

js怎么实现点击选中,再次点击取消。
1、首先输入下方的代码: var vDiv = document.getElementById('div1');2、然后点击输入下方的代码:oDiv.onclick=function(){ if(this.style.backgroundColor == 'red'){ this.style.backgroundColor = '#000';}else{ this.style.backgroundColor = 'red';} }; 3、然后这样就完成了。

js实现选中跟取消选择的操作
js 取消选择只要判断这次的id跟上次存的id是否一样,不一样就赋值,一样就清空,这样在dom里面的判断就false,就不会加选中的样式了,比之前加状态少了一次遍历,只是在赋值这边多了个判断

怎样实现只有一个RadioButton,点击它会被选中,再次点击会取消选中?
做2个radiobutton 一个选中 一个不选中 一个显示 一个隐藏 点了显示选中的 再先就显示没选中的那个 JS就可以实现了。

如何用js实现鼠标单击第一下选中,单击第二下打开链接?
页面上做一个计数器,或者状态记录对象(变量),单击事件判断变量状态,修改状态并响应响应行为,Demo如下:使用JS一定要活学活用,JS的精髓是灵活多变,不要太刻板。<!DOCTYPE html>var clickCount = 0;function clieckBtn(){clickCount++;\/\/还可以加入时间间隔判断,防止频繁的过快的点击if(clickCount...

js全选和全不选效果?
5、Hi,一组checkbox有多个对象,需要遍历后选中。假设我们通过form表单来获取所有的checkbox,当然您也可以设置id来获取。javascript全选按钮如何实现第二次点击,全部不选1、CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。2、首先web项目结构如图所示,这个结构熟悉的话...

js分页时 ,已选择的复选框又变为没选中。
你用一个隐藏域 input type=hidden name=ids id=ids \/ 先存储你选中的值,每次点击事件你都要操作这个隐藏域,如果是选中,你要看下里面是否有存这个多选框ID,如果没有,你就插进去;如果有,就不操作。如果是取消选中,那么就把隐藏域里面的这个值给去掉。存储格式可以是:1,2,3,这样的格式。

js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消...
写判断。1.点击全选时是把所有的项加上checked 2.获取这个checked的数量 3.当checked数量不等于全部项的数量时,就把全选按钮的checked属性设为false

js弹出框第二次点击时失效,例如请选中一行数据进行编辑,第一次提示...
刚学到的一个方法,用jQuery的one()方法 ("***").one("click",function(){ alert("###");});

JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容...
你可以把多选框的名字都写成一样的,再给多选框多加一个属性,里面存储你想获得的ptpt值,像下面这样 这样在获得选中的多选框后直接取ptpt属性的值就可以拿到你想要的ptpt的值了。

相似回答