js如何实现点击当前行,背景变色,点击另外一行背景变色,并且原来那一行恢复背景色方案。

如题

FineReport 噢耶耶 发布于 2020-12-25 17:54
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
沉默的反补Lv6中级互助
发布于2020-12-25 18:01(编辑于 2020-12-25 18:28)

setTimeout(function() {
//选择时背景颜色变量
var oldColor = "rgb(255, 255, 255)";
var newColor = "rgb(255, 0, 0)";
$('.x-table td').click(function() {
if($(this).css('background-color') != newColor) {
//若当前行还是原始背景色
$(this).css('background', newColor);
//当前行变成新背景色
$('.x-table td').not(this).css('background-color', oldColor);
//非当前行全部变成原始背景色
} else if($(this).css('background-color') == newColor) {
//若当前行是新背景色
$(this).css('background', oldColor);
//当前行背景色恢复原始背景色
}
});
}, 1000);

image.png

  • 噢耶耶 噢耶耶(提问者) 这个是需要点击才能恢复背景色,我想要实现的是点击另一个单元格,原单元格自动恢复,如何实现呢
    2020-12-25 18:10 
  • 沉默的反补 沉默的反补 回复 噢耶耶(提问者) 好了,把这个代码点击事件中试试看
    2020-12-25 18:28 
  • Alyswl Alyswl 回复 沉默的反补 能实现去除第一行不执行吗?
    2021-01-22 13:10 
最佳回答
0
CD20160914Lv8专家互助
发布于2020-12-25 18:17

https://help.fanruan.com/finereport/doc-view-1201.html

  • 3关注人数
  • 683浏览人数
  • 最后回答于:2020-12-25 18:28
    请选择关闭问题的原因
    确定 取消
    返回顶部