如何将复选的值填充到子表
1. 业务背景
在使用宜搭设计表单的过程中,有时候需要将复选框或者下拉复选框中的数据直接写入到子表单中,同时需要根据多选的数据多少自动在子表单中增加相应的行数。
2. 设计思路
主表的复选选了多样物品,希望自动转化到子表单中,该怎么设置?
通过 js 将复选组件的值循环获取到数组中每一个选项,然后处理成子表单组件的格式,并赋值给子表单。
3. 表单设计
选择复选选项时,将已选的复选选项分别插入子表单中,并录入序号。
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630493915357-b73c3812-9c03-47a7-b6b7-a4fbf9d629f2.png)
4. 操作步骤
4.1 给复选组件添加 onChange 动作事件
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630494058262-b3c53113-9e92-4a60-b9f5-93d7be093c04.png)
4.2 处理数据并赋值给子表单
编写 js 代码,将数据处理成子表单格式,并赋值给子表单
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630494254976-100a5bf3-3ce3-4705-8e08-0f4f9f915958.png)
5. 效果演示
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/gif/1630495267056-a859514e-4bfa-4af4-b4fd-b7f5f25ab465.gif)
6. 视频演示
宜搭为了更好的优化宜搭使用手册内容和质量,占用您3-5分钟时间,辛苦填写一下文档反馈问卷。文档反馈问卷是匿名提交,同时问卷信息仅用于宜搭文档体验反馈收集,感谢您对宜搭的支持!
--------------------获取宜搭最新信息,欢迎关注我们--------------------
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/jpeg/1632807780139-91cbcd43-8c42-44f3-9b2d-0d8b799ab7ea.jpeg)
本文档对您是否有帮助?