如何改变复选按钮组控件的字体颜色

例如把下列字体的颜色改成灰色

image.png

image.png

FineReport marry 发布于 2020-7-7 14:57 (编辑于 2020-7-7 15:05)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
firegunzxLv6高级互助
发布于2020-7-7 15:00(编辑于 2020-7-7 15:46)

用js

在复选框的事件里添加初始化后事件,插入下面的js代码。

注意widgetname要等于控件名称

setTimeout(function(){
    $("div[widgetname=CHECKBOXGROUP0]").find("span").css("color","red");
},100)


image.png

点击复选框变色,事件要用“状态改变”,代码:

setTimeout(function(){
    $(".x-text.fr-widget-click.fr-checkbox-checkon").css("color","red");
    $(".x-text.fr-widget-click.fr-checkbox-checkoff").css("color","black");
},100)

image.png

image.png

  • marry marry(提问者) 我是这样操作的,但是不行啊,我把截图补充到问题上了
    2020-07-07 15:03 
  • firegunzx firegunzx 回复 marry(提问者) 代码我调整了,测试好用
    2020-07-07 15:09 
  • marry marry(提问者) 回复 firegunzx 已经测试成功,对了有没有一种可能使点那个那个变色,比如说都是红色的,当选中A的时候,A变成黑色
    2020-07-07 15:17 
  • firegunzx firegunzx 回复 marry(提问者) 楼下正解
    2020-07-07 15:44 
  • marry marry(提问者) 回复 firegunzx 嗯嗯,我把你们二者结合了下,只不过在状态改变之后 setTimeout(function(){ $(\"div[widgetname=CHECKBOXGROUP7]\").find(\".x-text.fr-widget-click.fr-checkbox-checkoff\").css(\"color\",\"#AFAFAF\"); $(\"div[widgetname=CHECKBOXGROUP7]\").find(\".x-text.fr-widget-click.fr-checkbox-checkon\").css(\"color\",\"#FEA100\"); },100)
    2020-07-07 15:50 
最佳回答
0
luojian0323Lv7资深互助
发布于2020-7-7 15:20
setTimeout(function(){
    $(".x-text.fr-widget-click.fr-checkbox-checkon").css("color","red");
    $(".x-text.fr-widget-click.fr-checkbox-checkoff").css("color","black");
},100)

能解决问题就好.你可以采纳任何人.

  • firegunzx firegunzx 正解
    2020-07-07 15:46 
  • marry marry(提问者) 是的,多谢啊
    2020-07-07 15:51 
  • 随心灵 随心灵 请教下,$后面“.x-text.fr-widget-click.fr-checkbox-checkon”里面的是什么意思
    2023-06-07 14:43 
  • 5关注人数
  • 1047浏览人数
  • 最后回答于:2020-7-7 15:46
    请选择关闭问题的原因
    确定 取消
    返回顶部