显卡版

孩子们，你们来了。

该复选框类似于上一章单选按钮框的属性，如所示。

1.可以通过颜色属性修改颜色。2.复选框必须与组一起使用。与单选复选框不同，该复选框如下所示：

复选框可以同时选择多个元素，而不是单个选项。什么意思？你有点困惑吗？

来吧，问我：

如果设置三个水果选项并选择其中一个，下面会有提示。程序如下：

1.创建新页面演示16。

2.打开demo16.js文件，仅保留数据部分，删除其馀部分。添加数组列表并编写以下代码：

打开页面({data: {list3360 [{id33600，name3360' 3，demo16.wxml文件)以删除原始代码、编写以下代码并进行渲染：

查看checkbox-group bind change=' ' checkbox value=' { { item . value } } ' wx 3360 for=' { { list } }

4.使用checkbox-group通过以下代码绑定事件“handleitemchange”:

查看checkbox-group bind change=' handleItemChange ' checkbox value=' { { item . value } } ' wx:for='

//复选框事件选择handletemchange (e) {//1获取复选框值constcheckedlist=e . detail . value；//2赋值this.setData({ checkedList })} PS:这里需要注意的是：

在此步骤中，为demo16.js文件中的复选框选择了“handleitemchange”事件。

必须从Demo16.wxml文件中的事件“handleitemchange”中获取！

要完成渲染，必须从demo16.wxml文件中复制事件“handleitemchange”，然后将其粘贴到demo15.js文件中！

6.返回到demo16.wxml文件，将其他视图标记添加到视图标记中，如图所示。

选定的水果：{{checked list} }/保存视图后，小程序页面如下：

可以同时选择三个选项。下面是相应的提示文本。

这解释了复选框和单选复选框之间的区别。

复选框可以同时选择多个元素，而不是单个选项。这个意思。

至此，我们的需求完成了，我们设定了三个水果选项。如果选择其中一个，下面会有提示。

不简单，哈哈。

剩下的基本事项请移至公文~

门户网站：

复选框|打开微信文档developers.weixin.qq.com视频版本视频www.zhihu.com