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文本扫描是否被调用。

相关内容

热门资讯

透视好友房！德普之星私人局辅助... 透视好友房！德普之星私人局辅助免费，德普之星透视辅助（透视）确实是真的挂（有挂解惑）-哔哩哔哩德普之...
长期以来！手机游戏辅助脚本工具... 您好，微信开心是按照辅助脚本这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】...
透视脚本！德扑圈透视，德普之星... 透视脚本！德扑圈透视，德普之星透视辅助软件（透视）真是是真的挂（有挂存在）-哔哩哔哩；1、玩家可以在...
围绕透视问题！越悦游戏字牌攻略... 围绕透视问题！越悦游戏字牌攻略，德普之星透视辅助软件，妙招教程（有挂技巧）-哔哩哔哩1、用户打开应用...
透视透视！德普之星辅助器，德扑... 透视透视！德普之星辅助器，德扑圈有透视吗（透视）一直有挂（有挂助手）-哔哩哔哩德扑圈有透视吗破解侠是...
日前！道游科技辅助，微信微乐小... 日前！道游科技辅助，微信微乐小程序有窍门吗，课程教程（有挂工具）-哔哩哔哩1、日前！道游科技辅助，微...
透视教程！德普之星辅助器怎么用... 透视教程！德普之星辅助器怎么用，德普之星怎么开辅助（透视）真是是有挂（有挂教学）-哔哩哔哩所有人都在...
有玩家发现！新畅游插件，越乡游... 有玩家发现！新畅游插件，越乡游义乌透视软件，绝活教程（揭秘有挂）-哔哩哔哩1、进入到越乡游义乌透视软...
透视软件！德普之星有透视辅助吗... 透视软件！德普之星有透视辅助吗，德普之星私人局透视（透视）切实真的有挂（有挂规律）-哔哩哔哩1、完成...
有玩家发现！小程序广东雀神智能... 有玩家发现！小程序广东雀神智能插件安装，广东雀神麻木智能插件安装，演示教程（有挂方针）-哔哩哔哩1、...