点击超链接字体变色

超链接的效果不是下钻,是隐藏显示单元格,这种超链接怎么点击后字体变色

具体情况:cpt模板,页面初始化加载后A1为红色,B1为黑色,点击B1后B1变红色,A1变黑,也就是点击一个变色另一个颜色还原,这个JS怎么写,大佬们

FineReport 霜凡 发布于 2021-9-14 12:10 (编辑于 2021-9-14 14:14)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
cwzhc145Lv3见习互助
发布于2021-9-14 16:50

为甚一定要写JS?不考虑下再单元格上加动态参数超级链接传参,参数名都设置为A一个传1一个传2,然后单元格做条件调用A参数判断改变背景色,一个设置$A=1 背景变色 一个设置为 $A=2背景变色

demo.cpt

  • 霜凡 霜凡(提问者) 你说的对,可以,思维被JS限制了#- -#
    2021-09-14 17:13 
最佳回答
1
AlyswlLv6见习互助
发布于2021-9-14 15:55

添加加载结束事件: 

//当点击A1时,   A1为黑色,B1为红色

$("td[id^=A1-]").click(function(){

$("td[id^=A1-]").css("color","black");

$("td[id^=B1-]").css("color","red");

});

//当点击B1时,  B1为黑色,A1为红色

$("td[id^=B1-]").click(function(){

$("td[id^=B1-]").css("color","black");

$("td[id^=A1-]").css("color","red");

});

image.png

模板:

切换变色.cpt

  • 霜凡 霜凡(提问者) 普通的单元格是有用的,但是单元格里加了动态参数就不行了,在点击的瞬间会变色,变色后又恢复成超链接形态的蓝色字体加下划线,怎么让它不恢复。你可以试试在两个单元格里加参数,我用你的模板试过,也会恢复
    2021-09-14 16:32 
最佳回答
0
15922204585Lv6高级互助
发布于2021-9-14 12:51

test0905.cpt

参考:点击超链改变单元格/行背景色-https://help.fanruan.com/finereport/doc-view-2826.html

image.png

  • 霜凡 霜凡(提问者) 点一下就没了,怎么切换呢,需要两个单元格随时点随时变
    2021-09-14 14:04 
  • 15922204585 15922204585 回复 霜凡(提问者) 不太清楚
    2021-09-14 14:07 
  • 霜凡 霜凡(提问者) 回复 15922204585 好吧,谢谢了
    2021-09-14 14:13 
  • 4关注人数
  • 894浏览人数
  • 最后回答于:2021-9-14 16:50
    请选择关闭问题的原因
    确定 取消
    返回顶部