angular如何获取多个复选框的选中值?
创始人
2024-10-29 07:00:45
0次

在angular中，可以使用ngModel和ngModelChange来获取多个复选框的选中值。首先，在每个复选框上绑定ngModel指令，并设置一个唯一的值作为ngModel的值。然后，使用ngModelChange在每次复选框状态改变时触发一个方法，将选中的值存储在一个数组中。最后，将整个数组作为参数传递给后台。具体实现可以参考以下代码示例：

HTML代码：

TS代码：

fruits: any = {}; selectedFruits: string[] = [];

changed() { this.selectedFruits = Object.keys(this.fruits).filter(key => this.fruits[key]); }

在该示例中，选中的水果将存储在selectedFruits数组中，可以将其用作提交给后台的数据。

上一篇：Angular如何获取对象的成员值？

下一篇：Angular如何检测iOS或Android文本扫描是否被调用。

相关内容

热门资讯

透视美元局！中至江西源代码，w... 透视美元局！中至江西源代码，wepoker游戏的安装教程（辅助挂）详细开挂辅助器1、下载安装好wep...
今日焦点！奇迹手游辅助，阿拉游... >>您好：阿拉游戏中心辅助工具确实是有挂的，很多玩家在这款阿拉游戏中心辅助工具游戏中打牌都会发现很多...
透视线上！浙江宝宝游戏辅助器，... 透视线上！浙江宝宝游戏辅助器，hhpoker作弊码怎么用（辅助挂）详细开挂辅助下载 了解更多开挂安装...
攻略讲解！极速官方暗堡透视，对... 您好：这款极速官方暗堡透视游戏是可以开挂的，确实是有挂的，很多玩家在这款极速官方暗堡透视游戏中打牌都...
透视好友！pokermaste... 透视好友！pokermaster破解版，wepoker辅助真的假的（辅助挂）详细开挂辅助神器；无需打...
信息共享！传送屋app辅助脚本... 大家好，今天小编来为大家解答传送屋app辅助脚本下载这个问题咨询软件客服可以免费测试直接加微信（13...
透视玄学！wepoker手机助... 您好：这款红龙poker辅助平台游戏是可以开挂的，确实是有挂的，很多玩家在这款红龙poker辅助平台...
新手必备！四川家园辅助器，陕麻... 新手必备！四川家园辅助器，陕麻圈有辅助吗（有挂方法辅助插件）；无需打开直接搜索打开薇:1367043...
必知教程！潮汕娱手机暗宝透视，... 必知教程！潮汕娱手机暗宝透视，反杀大厅辅助（证实有挂开挂辅助下载）；无需打开直接搜索薇:136704...
透视苹果版！德普之星透视辅助软... 透视苹果版！德普之星透视辅助软件激活码，wepoker到底有没有透视（辅助挂）详细开挂辅助器 了解更...