条件组件

要使表单成为动态表单，您可以使用表单组件的“条件”选项卡。您可以在其中应用在运行时显示的条件。您可以应用两类条件：

• 简单条件
• 高级条件

简单条件

本教程演示如何在表单组件上创建简单条件。

1. 在 Studio 中打开表单文件，并将组件添加到表单中。对于此示例，请添加以下组件：

   • 两个复选框。
   • 单个数字。
   • 单个文本字段。

2. 导航到“文本字段”组件的“条件” 选项卡，然后转到“简单”部分。

   1. 应从下拉列表中为“显示 -”组件选择“True” 。这将创建显示“文本字段” 组件的条件。如果要隐藏组件，请选择“False”
   2. 如果使用表单组件，则从下拉列表中选择“数字”组件。
   3. 具有值- 键入限制要显示的文本字段的“数字”组件的值。

   

3. 保存组件。

要查看简单条件的行为方式，请观看下面的视频：

高级条件

本教程演示如何在表单组件上创建高级条件。

重要提示：

高级条件将覆盖简单条件。

1. 在 Studio 中打开表单文件，并将组件添加到表单中。您可以使用与尝试简单条件时相同的表单文件。对于此示例，请添加以下组件：

   • 两个复选框。
   • 一个数字。
   • 单个文本字段。

2. 导航到“数字”组件的“条件”选项卡。

3. 单击“高级条件” ，然后转到“JavaScript”部分。

4. 如果要在运行时显示条件，请以show布尔值变量开头条件。使用data变量和属性名称访问其他表单组件中的数据。

   在此示例中，要显示“数字”组件，您可以输入以下脚本：

   show = (data.checkbox1 === true && data.checkbox === true)
   

如果要隐藏某个条件下的组件，请在等号 = 之后和条件之前放置一个感叹号 ! 。

要查看高级条件的行为方式，请观看下面的视频：