原型设计：复选框多选。

1、目标：文本框没有任何内容时，显示“未选择城市”的提示，添加内容时该提示消失。复选框选中时，要在文本框已有文字后方增加当前复选框的元件文字。复选框取消选中时，要在文本框的内容中清除相应的城市名称。文本框中删除某个城市名称时，对应的复选框同步取消选中。

2、选择元件：我们准备两个元件，一个是复选框，另一个是多行文本框（命名为“CityInput”）。

4、取消选中复选框，文本框的内容中清除相应的城市名称。在复选框【取消选中】设置交互这里，我们可以把公式写成“[[Target.text.replace(This.text,'')]]”。就是“目标元件的元件文本的替换方法(当前元件的元件文本,空白)”函数replace能够对文本内容进行替换，第一个参数是被替换的内容，第二个参数是替换后的内容。

5、把复选框补全。

7、去掉多余逗号将两个，替换为一个，

8、判断当前元件文字第1位是否为“,”，获取元件文字的第一位我们通过公式“[[This.text.charAt(0)]]”获取。

9、条件并列与否切换。