html单选框弹出输入框,JS实现点击单选按钮弹出对话框输入值

2.1 准备模板

1)新建模板，在 B2 单元格添加「单选按钮组控件」，设计报表样式，如下图所示：

2)点击选择 B2 单元格中「单选按钮组控件」，在「控件设置>属性>数据字典」处为其绑定数据，如下图所示：

2.2 控件添加事件

点击选择 B2 单元格中「单选按钮组控件」，在「控件设置>事件」处为控件添加一个「状态改变」事件，如下图所示：

JavaScript 代码如下：var value = this.getValue();

//获取当前控件值

if (value == "其他") {

FR.Msg.prompt("输入", "爱好", "", function() {

value = 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 效果如下图所示：