帆软实现一个单选按钮，可以统一设置其他单选按钮的选择状态

本文介绍了如何在普通报表中通过JavaScript代码实现单选按钮的联动操作。当用户选中或取消某个单选按钮时，其他同名单选按钮的状态也会同步改变。具体实现步骤包括：获取当前控件的值，查找报表中所有名为"status"的控件集合，遍历每个控件实例，并根据当前值重置控件状态或更新单元格值。通过这种方式，可以实现批量操作扩展行控件的功能，提升报表的交互性和用户体验。

milu777

301人浏览 · 2025-05-21 17:50:19

milu777 · 2025-05-21 17:50:19 发布

比如，选中单选按钮的一个选项，其他单选按钮的相同选项也被选中；取消选择，其他的也被取消选择
在普通报表中选中最上方的单选按钮的框进行组件设置，点击事件，点击添加事件，选中状态改变。
在这里插入图片描述
里面的js代码如下

// 获取当前控件的值（例如输入框或下拉框的选中值）
var c_value = this.getValue();
// 查找报表中所有名为"status"的控件集合（用于批量操作扩展行控件）
var status = contentPane.getWidgetsByName("status"); 
// 判断是否存在"status"控件
if (status.length > 0) {
    // 使用jQuery遍历每个"status"控件实例
    $.each(status, function(i, item) {
        // 获取该控件绑定的单元格位置（如"A3"）
        var cell = item.options.location;
        // 如果当前值非空（注意：若a为数值类型，c_value.length会返回undefined）
        if (c_value && c_value.length > 0) { 
            // 重置控件状态（清空输入或恢复默认值）
            item.reset();
        }
        // 将当前值a写入控件对应的单元格（null表示当前行）
        contentPane.setCellValue(cell, null, c_value);
    });
}