如何实现一键全选

利用复选框的激活、非激活实现一键全选功能

效果展示

前置准备

投票列表素材

具体步骤

添加素材

制作列表复选框

制作一件全选按钮

创建复选框相关行为触发器

制作一键全选触发器

步骤分解

添加素材

拖拽图片组件到根容器

选中图片组件铺满父级容器

点击检查面板中的数据绑定与设置

上传素材图片

制作列表复选框

拖拽复选框到素材

选中复选框

点击检查面板中的样式

调整样式

其余复选框操作逻辑相同

制作一件全选按钮

拖拽按钮到素材

选中按钮

点击 检查面板中的样式

配置一键全选按钮的样式

点击检查面板 中的数据绑定与设置

填写自定义内容

创建复选框相关行为触发器

选中复选框

点击检查面板 中的 触发器

配置激活触发器

配置非激活触发器

配置回调激活触发器

制作一键全选触发器

选中一键全选按钮

点击检查面板中触发器

配置回调激活 触发器

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容