点击播放优酷视频教程
一、案例效果
二、应用场景
条件判断组件，可以将参数变量组件的值或数据表字段的值，通过表达式的方式组织到一个条件判断中。一般用于答题、游戏等逻辑部分比较多的H5中。
三、组件用法
基本用法
1.点击条件判断组件即可将该组件添加到页面当中。
2. 条件判断组件位于逻辑快捷面板中，可通过右侧属性面板对条件判断组件重命名。
3.条件判断支持可复制，在逻辑快捷面板选中条件判断并单击鼠标右键进行复制，然后在画布空白处点击右键菜单中的粘贴元素即可。也可结合快捷键 Ctrl/Command+C 及Ctrl/Command+V 完成拷贝过程。支持同页面或跨页面进行条件判断的复制粘贴。
4. 制作一个简易的答题页面，当选择图片1或2的时候，可以给出做题的结果【答对了】或【答错了】。
由于图片1和2本身没有参数值，所以我们需要添加一个参数变量【选择的答案】：当选择了不同的图片1和2时，可以为参数变量【选择的答案】赋值上不同的值。
通过这个值与正确答案对比，来判断这道题是否做对了，并且展示结果【答对了】或【答错了】。
5. 点击左侧图层面板/悬浮逻辑面板上的条件判断组件，通过右侧设置面板来设置判断条件，并点击黄色加号添加触发条件，如符合不同的条件时显示不同的文字。
注意：
①条件判断可设置ELSE 条件，即：当其他条件都不满足时执行 ELSE条件下的触发行为。勾选设置ELSE条件后就会出现“ELSE”默认的条件，只能添加一个。
②在条件判断的设置中，不光可以对本页参数变量进行判断，还可以对如下信息进行判断：
用户授权信息（微信openid、微信昵称、微信头像）需开启用户微信授权使用；
系统变量（访问量（pv）、当前页页码、作品分享网址）；
全局变量；
本页参数变量（如果本页勾选了显示masterpage页，则会显示m页的参数变量，如果本页含有layer容器，容器中带有参数变量，则会显示layer容器中的参数变量。）；
可赋值元素（如输入框组件、下拉框组件里的内容）；
高级表单里的表单组件；
数据库里的字段。
6.触发执行条件判断。条件判断自己不会执行，需要通过触发动作【执行逻辑判断】，来执行条件判断组件设定的逻辑。这里我们设置为点击两个图片1和2时，即去【执行逻辑判断】。
注意：这里需注意执行触发的先后顺序，需是先将参数变量【选择的答案】进行赋值后，才可以执行逻辑判断，否则设置会不生效。
四、相关Q/A
1. 如何同时判断多个条件？
有时候我们会遇到一些比较复杂的场景，如有活动时间限制和答题次数限制的答题测试H5中，我们往往需要先判断现在是否处于活动有效期内，其次去判断当前用户是否还有答题机会。这种需要多个条件判断的场景，我们要用到【条件判断嵌套】。
思路就是：当满足了第一个条件判断组件的A条件后，去执行第二个条件判断组件，当满足了第二个条件组件的B条件后，去执行第三个条件判断组件，直到所有的情况都被我们考虑到。
2. 如何判断输入框内输入内容是否为空？
很简单，只需要在判断条件框中找到不等于符号【!=】，后面的输入框内不输入任何东西，点击确定即可。此时系统会自动生成两个单引号【''】，代表此时判断的是空值。
回复(6)