PDF 表单按钮动态边框效果

问题描述

用户在 Acrobat X 中创建 PDF 表单时遇到一个需求：表单以网格形式列出多个选项，当点击某个选项时，需要在选项周围显示边框（圆形或方形），再次点击时边框消失。

试过的解决方案

1. 在文本上方放置透明按钮（边框和填充均为透明，无标签文本）
2. 希望通过 JavaScript 实现点击时切换边框显示/隐藏
3. 计划将代码绑定到按钮的"鼠标弹起"(Mouse Up)事件

JavaScript 解决方案

// 获取目标字段（这里以"title"字段为例）
var title = this.getField("title");

// 检查触发字段的值（这里假设"showTitle"是控制开关的字段）
if (this.getField("showTitle").value == "Off") {
    // 如果值为"Off"，隐藏目标字段
    title.display = display.hidden; 
} else {
    // 否则显示目标字段
    title.display = display.visible;
}

代码说明

代码行	说明
var title = this.getField("title");	获取名为"title"的字段对象
if (this.getField("showTitle").value == "Off")	检查控制字段"showTitle"的值是否为"Off"
title.display = display.hidden;	隐藏目标字段
title.display = display.visible;	显示目标字段

实现建议

1. 边框实现：创建一个无填充、只有边框的透明字段作为装饰元素
2. 控制字段：可以使用复选框作为开关，设置选中值为"Off"
3. 事件绑定：将代码放在按钮的"计算"脚本或直接绑定到鼠标事件

流程图

透明边框 点击按钮
(值≠"Off") 再次点击
(值="Off") 边框透明/隐藏 显示黑色边框