多选框勾选状态绑定

1. 概念

多选框勾选状态绑定设置多选框是否勾选,可以设置勾选或不勾选。

2. 使用场景

需要设置勾选或不勾选的多选框。

3. 绑定参数

绑定参数是含有变量名的代码。变量命名必须以字母开头,并且字母只能小写,变量名可包含字母和数字。如果后端提供相应变量名,则使用后端提供的变量名。

4. 绑定方法

右键点击目标元素→逻辑→数据绑定→绑定模式:多选框勾选状态绑定→绑定参数:填写对应参数→增加绑定→确定。

5. 常用效果

多选框勾选状态绑定实例1

多选框勾选状态绑定实例2

多选框勾选状态绑定实例3

6. 绑定变量初始化

绑定变量初始化的作用是给变量赋值,即给元素提供发生事件时所需的数据,点击查看详细操作

7. 其他

注:多选框勾选状态绑定并不局限于多选框中,单选框也可以应用。如下:

绑定变量test的值是:a

实现步骤:

1. 在需要的位置添加单选框,并填写单选框的选项值

2. 为单选框添加数据绑定,选择多选框勾选状态绑定,填写绑定参数(如:test)

3. 在需要显示的位置添加文本内容绑定,填写绑定参数(test)。此例当中将文本内容绑定添加在a的<span>上。