UiApp弃用后 Google HtmlService 实现双态 ToggleButton 问题咨询

迁移基础背景 #

• 原Google UiApp组件可通过var toggleButton = app.createToggleButton('ON', 'Off').setId('MySwitch')快速创建ToggleButton控件
• 目前UiApp已被官方弃用，官方指引全部迁移使用HtmlService
• 迁移过程中先后尝试三类替代实现方案：单选radio按钮、复选checkbox、原生JavaScript自制toggle按钮
• 共性适配问题：纯HTML端可正常运行的自制toggle代码，迁移到Google HtmlService环境后始终无法正常工作

开发调试阶段遇到的具体异常 #

• 异常1：使用社区提供的参考示例调试时，触发ReferenceError: gobj is not defined代码报错
• 异常2：将代码调整为纯文本形式运行后，虽提示代码执行完成，但弹窗加载存在明显延迟
• 异常3：参考纯HTML demo中使用form.myButton.value取值的逻辑，在Google Apps Script服务端函数中尝试通过该值更新标签内容时始终运行失败

核心开发诉求 #

• 输出一份包含可联动控制输出的双态选择组件、可在Google HtmlService环境稳定运行的完整可复用示例
• 明确上述三类调试异常的根因，提供对应可落地的问题解决方法

内容的提问来源于stack exchange，提问作者xpt