用JS点击改变背景颜色和字体颜色

image.pngimage.png

我用决策报表,想要使用JS实现切换点击改变背景和字体颜色。当月参数a=2,当日参数a=3,因为不会写Js求助一下大家怎么编写。

image.png

FineReport 小田 发布于 2021-5-11 16:28 (编辑于 2021-5-11 16:29)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
Olina_YLv5见习互助
发布于2021-5-11 16:34(编辑于 2021-5-11 16:35)

setTimeout(function() {

$('#fr-btn-BUTTON4').css({

'background': '#fff',

'border': '1px solid #5e7191',

'border-radius': '0',

'border-top-right-radius': '5px',

'border-bottom-right-radius': '5px'

});

$('#fr-btn-BUTTON4 button').css("color", "#5e7191")

$('#fr-btn-BUTTON3').css({

'background': '#5e7191'

})

$('#fr-btn-BUTTON3 button').css("color", "#fff")

}, 100);

两个按钮  JS 

  • 小田 小田(提问者) 这是把这段直接放到脚本里面吗
    2021-05-11 16:55 
  • Olina_Y Olina_Y 回复 小田(提问者) $(\'#fr-btn-BUTTON4\') 这些 你要根据你实际的更改
    2021-05-12 09:41 
  • 小田 小田(提问者) 回复 Olina_Y 我在网上找了一段,配合我参数怎么修改,实在是不懂JS flag = \"btn1\"; function btn1(){ document.getElementById(\"btn2\").style.color = \"black\"; document.getElementById(\"btn3\").style.color = \"black\"; document.getElementById(\"btn1\").style.color = \"red\"; } function btn2(){ document.getElementById(\"btn1\").style.color = \"black\"; document.getElementById(\"btn2\").style.color = \"red\"; document.getElementById(\"btn3\").style.color = \"black\"; } function btn(num){ if(num == 1){ document.getElementById(flag).style.color = \"black\"; document.getElementById(flag).style.backgroundColor = \"white\"; document.getElementById(\"btn1\").style.color = \"red\"; document.getElementById(\"btn1\").style.backgroundColor = \"blue\"; flag = \"btn1\"; } if(num == 2){ document.getElementById(flag).style.color = \"black\"; document.getElementById(flag).style.backgroundColor = \"white\"; document.getElementById(\"btn2\").style.color = \"red\"; document.getElementById(\"btn2\").style.backgroundColor = \"blue\"; flag = \"btn2\"; } }
    2021-05-12 14:34 
  • 2关注人数
  • 1039浏览人数
  • 最后回答于:2021-5-11 16:35
    请选择关闭问题的原因
    确定 取消
    返回顶部