JS实现改变复选框选中行中指定单元格背景色
1.功能描述
数据填报时，当鼠标选定复选框控件后，改变选中行的指定单元格的背景色。
2.示例
2.1 打开报表
打开报表%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt
2.2 修改报表
右键A4单元格，清除内容，设置A4单元格的左父格为B4。
右键A4单元格选择控件设置，控件类型选择复选框控件，点击事件编辑，添加“状态改变”事件，在JavaScript脚本框的参数栏中添加参数row，值选择公式，为ROW()，在JavaScript脚本栏中输入代码：
var value = this.getValue();
if(value)
{
$('td[id^=H'+row+'-0-0]').css({'background-color':'yellow'});
}
if(!value)
{
$('td[id^=H'+row+'-0-0]').css({'background-color':'white'});
}
代码解释：
if(value){$('td[id^=H'+row+'-0-0]').css({'background-color':'yellow'}); } //当复选框被勾选时，当前行的H列单元格的背景色变成黄色
if(!value){$('td[id^=H'+row+'-0-0]').css({'background-color':'white'}); }//当复选框没有被勾选时，当前行的H列单元格的背景色变成白色
附件列表
主题： 二次开发
标签：
已验证