1. 概述
1.1 应用场景
在制作问卷调查类的模板时，可能会遇到这种情况：有几个选项，最后一个选项为其他，当选择其他时弹出一个对话框，允许用户输入其他值，然后显示输入的值。如下图所示：
1.2 实现思路
「单选按钮组」控件添加「状态改变」事件，判断选择其他时弹出对话框，将对话框中输入的内容赋值给单元格。接口说明可以参考：控件接口，单元格接口，消息接口。
2. 示例
2.1 准备模板
1）新建模板，在 B2 单元格添加「单选按钮组控件」，设计报表样式，如下图所示：
2）点击选择 B2 单元格中「单选按钮组控件」，在「控件设置>属性>数据字典」处为其绑定数据，如下图所示：
2.2 控件添加事件
点击选择 B2 单元格中「单选按钮组控件」，在「控件设置>事件」处为控件添加一个「状态改变」事件，如下图所示：
JavaScript 代码如下：
var value = this.getValue();
//获取当前控件值
if (value == "其他") {
FR.Msg.prompt("输入", "爱好", "", function() {
value = arguments[0] && arguments[0].toString();
//获取输入框中输入的值
_g().setCellValue(0, 1, 1, value);
//将值赋给B2单元格
})
} else {
_g().setCellValue(0, 1, 1, value);
//将值赋给B2单元格
}
2.3 预览效果
2.3.1 PC 端
保存模板，选择 「填报预览」，效果如下图所示：
2.3.2 移动端
移动端及 HTML 5 效果如下图所示：
3. 模板下载
已完成的模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\50-JS实现点击单选按钮弹出对话框输入值.cpt
点击下载模板：50-JS实现点击单选按钮弹出对话框输入值.cpt