决策报表按钮颜色改变

有多个按钮,页面初始化时默认选中第一个按钮。

被选中的按钮为蓝色背景,白色字体;

未选中的按钮为灰色背景,黑色字体。


多个按钮每次只有一个按钮可为被选中状态,当点击其他按钮时,前一个被选中按钮恢复未选中状态。没点击其他按钮时当前按钮保持被选中状态


这个js效果应该很常用吧,身为js小白,不会这个,请教大神。

由于某些原因不能用tab块切换。

FineReport 18328816101 发布于 2020-5-9 10:47 (编辑于 2020-5-9 10:58)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
18328816101Lv5中级互助
发布于2020-5-11 17:34
$('div#fr-btn-5TH').css('background', ' #4893e5'); //背景
$('div#fr-btn-5TH.fr-btn-noicon .fr-btn-small .fr-btn-text').css('color', '#fff'); //字体
$('div#fr-btn-1ST').css('background', ' #7a7680');
$('div#fr-btn-1ST.fr-btn-noicon .fr-btn-small .fr-btn-text').css('color', '#fff');

根据控件名适当修改,把所有需要改变的按钮控件都加上,注意按钮的控件名全部大写

  • Summio Summio 可以详细一点吗?这段JS放在哪里?哪个部分修改为具体的控件名称?
    2020-09-01 19:10 
  • 18328816101 18328816101(提问者) 回复 Summio 要给每一个控件加上点击事件,就是为了点击的时候改变控件本身的点击后颜色和其他控件的初始颜色。 btn-5TH,这个btn指按钮控件,5TH是控件名,控件名必须大写。
    2020-09-07 10:27 
最佳回答
0
axingLv6专家互助
发布于2020-5-9 10:51

image.png

  • 18328816101 18328816101(提问者) 这个鼠标点击背景只是点击的那一瞬间,点完后又恢复成初始背景了,我是要不点其他按钮的时候当前的按钮颜色一直保持被选中的状态
    2020-05-09 10:56 
最佳回答
0
一心向明月Lv5见习互助
发布于2020-5-9 16:06

可以利用动态参数,改变单元格的背景颜色

  • 3关注人数
  • 1150浏览人数
  • 最后回答于:2020-5-11 17:34
    请选择关闭问题的原因
    确定 取消
    返回顶部