多个按钮,点击按钮1(选中)后,颜色改变,点击按钮2,按钮1颜色恢复,按钮2颜色改变?

多个按钮,点击按钮1(选中)后,颜色改变,点击按钮2,按钮1颜色恢复,按钮2颜色改变,JS怎么做到这个?最好不要CSS

FineReport tangjq 发布于 2018-11-28 14:42
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
3
cherishdqyLv7高级互助
发布于2018-11-28 14:53(编辑于 2018-12-5 09:49)

两个按钮的点击事件分别改一下:

按钮1点击事件:

$('#fr-btn-BUTTON0').css("background","#dedede");
$('#fr-btn-BUTTON1').css("background","#47a8ea");

按钮2点击事件:

$('#fr-btn-BUTTON0').css("background","#47a8ea");
$('#fr-btn-BUTTON1').css("background","#dedede");

自定义背景:

按钮1:

$('.fr-widget-click').eq(0).css("background","#dedede"); 
$('.fr-widget-click').eq(1).css("background","#47a8ea");

按钮2:

$('.fr-widget-click').eq(0).css("background","#47a8ea"); 
$('.fr-widget-click').eq(1).css("background","#dedede");

image.png

image.png

按钮点击改变背景色.cpt

8.0按钮点击改变背景色.cpt


  • 4关注人数
  • 3460浏览人数
  • 最后回答于:2018-12-5 09:49
    请选择关闭问题的原因
    确定 取消
    返回顶部